Add src/app/products/page.tsx

This commit is contained in:
2026-03-04 02:57:25 +00:00
parent 1782a395bb
commit 6dccec2b4d

118
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,118 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Vitamix"
navItems={[
{ name: "Menu", id: "#menu" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "#contact" }
]}
bottomLeftText="Agadir Bay, Agadir 80000"
bottomRightText="08 08 50 32 50"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Complete Product Catalog"
description="Explore our full range of delicious menu items. From gourmet burgers to authentic Italian pasta, smoothies, and fresh salads."
tag="All Products"
products={[
{
id: "1", brand: "Vitamix", name: "Premium Cheeseburger", price: "65-85 MAD", rating: 5,
reviewCount: "428", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg", imageAlt: "Premium cheeseburger with fresh toppings"
},
{
id: "2", brand: "Vitamix", name: "Italian Margherita Pizza", price: "75-95 MAD", rating: 5,
reviewCount: "516", imageSrc: "http://img.b2bpic.net/free-photo/pizza-restaurant-table_7939-2545.jpg", imageAlt: "Authentic Italian margherita pizza"
},
{
id: "3", brand: "Vitamix", name: "Penne Alla Norma", price: "80-100 MAD", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/spicy-pasta-spaghetti-with-sausage_1203-9419.jpg", imageAlt: "Creamy penne alla norma pasta"
},
{
id: "4", brand: "Vitamix", name: "Chicken Calzone", price: "70-90 MAD", rating: 5,
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-877.jpg", imageAlt: "Golden chicken calzone with herbs"
},
{
id: "5", brand: "Vitamix", name: "Mango Smoothie", price: "35-45 MAD", rating: 5,
reviewCount: "612", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-smoothie_1339-1485.jpg", imageAlt: "Refreshing fresh mango smoothie"
},
{
id: "6", brand: "Vitamix", name: "Salade Composée Quinoa", price: "55-75 MAD", rating: 5,
reviewCount: "198", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-buddha-bowl-with-quinoa-tofu-cheese-fresh-vegetables-healthy-food-concept-vegan-salad_2829-6931.jpg", imageAlt: "Fresh quinoa composed salad"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Reserve Now", href: "/#contact-cta" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/#menu" },
{ label: "About", href: "/#about" },
{ label: "Reviews", href: "/#reviews" },
{ label: "Products", href: "/products" }
]
},
{
title: "Services", items: [
{ label: "Dine In", href: "#" },
{ label: "Drive Service", href: "#" },
{ label: "Delivery", href: "#" },
{ label: "Catering", href: "#" }
]
},
{
title: "Contact", items: [
{ label: "📞 Call: 08 08 50 32 50", href: "tel:0808503250" },
{ label: "📍 Agadir Bay, Agadir 80000", href: "https://maps.google.com" },
{ label: "⏰ Open Daily 11 AM - 11 PM", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
bottomLeftText="© 2025 Vitamix Agadir Bay. All rights reserved."
bottomRightText="Fresh. Delicious. Consistently Excellent."
/>
</div>
</ThemeProvider>
);
}