diff --git a/src/app/page.tsx b/src/app/page.tsx index bfc61f3..8047806 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -38,7 +38,8 @@ export default function LandingPage() { { name: "Sauces", id: "sauces" }, { name: "Desserts", id: "desserts" }, { name: "About", id: "about" }, - { name: "Hours", id: "contact" } + { name: "Hours", id: "contact" }, + { name: "Menu", id: "/products" } ]} button={{ text: "Order Now", href: "https://example.com/order" }} animateOnLoad={true} @@ -55,7 +56,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/hot-steaming-crispy-fried-chicken-wings_84443-82019.jpg" imageAlt="Fresh colorful restaurant food platter" buttons={[ - { text: "View Menu", href: "#products" }, + { text: "View Menu", href: "/products" }, { text: "Reserve Table", href: "https://example.com/reserve" } ]} marqueeItems={[ diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..1b498c7 --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,323 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroBillboard from '@/components/sections/hero/HeroBillboard'; +import ProductCardOne from '@/components/sections/product/ProductCardOne'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import { Star, Sparkles } from 'lucide-react'; + +export default function ProductsPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ ); +} \ No newline at end of file