import HeadingSmall from '@/components/heading-small';
import { Card } from '@/components/ui/card';
import AppLayout from '@/layouts/app-layout';
import PromotionLayout from '@/layouts/settings/promotion-layout';
import { Head, usePage } from '@inertiajs/react';
import { Settings } from 'lucide-react';
import { ReactNode } from 'react';
import HeroSection from './components/HeroSection';
declare const route: (...args: any[]) => string;
interface ThemeMenuItem {
title: string;
href: string;
route_name?: string | null;
status?: boolean;
}
interface OfferOption {
value: string;
label: string;
}
interface BannerRecord {
id: number;
offer_id: number | null;
position: string;
slider: boolean;
status: number;
image_url: string | null;
}
interface PromotionBannerPageProps {
name?: string | null;
slug?: string | null;
theme_id?: number | null;
menuList?: ThemeMenuItem[];
offers?: OfferOption[];
coupons?: OfferOption[];
flashSales?: OfferOption[];
banners?: Record;
sliderBanners?: BannerRecord[];
}
export default function HomePage() {
const pageProps = usePage().props as PromotionBannerPageProps;
const { name, slug, theme_id = null, menuList = [], offers = [], coupons = [], flashSales = [], banners = {}, sliderBanners = [] } = pageProps;
const mappedMenuList = menuList.map((item) => ({
title: item.title,
href: item.href,
icon: Settings,
status: item.status ?? true,
}));
return (
<>
);
}
HomePage.layout = (page: ReactNode) => (
{page}
);