import { Head, Link } from '@inertiajs/react'; import { ArrowRight, BadgeCheck, Boxes, Search, ShieldCheck, Sparkles, Store, } from 'lucide-react'; import { Button } from '@/components/ui/button'; import ProductCard from './product-card'; import type { AppSettings, BlogPost, Product, PublicPage, Taxonomy, } from './types'; type PageProps = { featuredProducts: Product[]; categories: Taxonomy[]; brands: Taxonomy[]; recentPosts: BlogPost[]; settings: AppSettings; pages: PublicPage[]; }; export default function Home({ featuredProducts, categories, brands, recentPosts, settings, }: PageProps) { return ( <>
One catalog. Every store. Real availability.

Find the right product{' '} in the right store.

Search {settings.shop_name}, compare products, and instantly see which store has stock available.

{[ { icon: Search, label: 'Fast search', }, { icon: Store, label: 'Store visibility', }, { icon: ShieldCheck, label: 'Live stock', }, ].map((item) => (
{item.label}
))}
{featuredProducts.slice(0, 4).map((product) => ( {product.feature_image_url ? ( {product.name} ) : (
)}
{product.name}
{product.store?.name} ยท{' '} {product.stock} available
))}
Browse by category

Find what you need faster

View all products
{categories.slice(0, 6).map((category, index) => (
{String(index + 1).padStart(2, '0')}

{category.name}

{category.description ?? 'Explore available products in this category.'}

))}
Fresh inventory

Featured products

See current stock and store availability at a glance.

{featuredProducts.map((product) => ( ))}

Trusted brands, one searchable catalog

Browse products from established brands and immediately identify where each item is stocked.

{brands.map((brand) => ( {brand.name} ))}
{recentPosts.length > 0 && (
From the journal

Latest stories

{recentPosts.map((post) => (
{post.feature_image_url && ( {post.title} )}
{post.published_at ? new Date( post.published_at, ).toLocaleDateString() : 'Published'}

{post.title}

{post.excerpt ?? 'Read the full article.'}

))}
)} ); }