127 lines
5.9 KiB
TypeScript
127 lines
5.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ShoppingBag } from 'lucide-react';
|
|
|
|
export default function ShopPage() {
|
|
const products = [
|
|
{
|
|
id: "1", name: "Artisan Sourdough Bread", price: "$8.50", variant: "Traditional 2 Sizes", imageSrc: "https://images.unsplash.com/photo-1549931319-a545dcf3bc73?w=400&h=400&fit=crop", imageAlt: "Artisan sourdough bread loaf", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 1')
|
|
},
|
|
{
|
|
id: "2", name: "French Croissants", price: "$4.25", variant: "Butter Plain & Chocolate", imageSrc: "https://images.unsplash.com/photo-1555507036-ab794f4ade8a?w=400&h=400&fit=crop", imageAlt: "Fresh butter croissants", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 2')
|
|
},
|
|
{
|
|
id: "3", name: "Chocolate Chip Cookies", price: "$3.75", variant: "Fresh Baked Pack of 6", imageSrc: "https://images.unsplash.com/photo-1499636136210-6f4ee915583e?w=400&h=400&fit=crop", imageAlt: "Homemade chocolate chip cookies", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 3')
|
|
},
|
|
{
|
|
id: "4", name: "Blueberry Muffins", price: "$2.95", variant: "Fresh Berries Individual", imageSrc: "https://images.unsplash.com/photo-1607958996333-41aef7caefaa?w=400&h=400&fit=crop", imageAlt: "Fresh blueberry muffins", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 4')
|
|
},
|
|
{
|
|
id: "5", name: "Cinnamon Rolls", price: "$5.50", variant: "Glazed Warm & Fresh", imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?w=400&h=400&fit=crop", imageAlt: "Glazed cinnamon rolls", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 5')
|
|
},
|
|
{
|
|
id: "6", name: "Custom Birthday Cake", price: "$45.00", variant: "Vanilla Base Custom Design", imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&h=400&fit=crop", imageAlt: "Custom decorated birthday cake", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 6')
|
|
},
|
|
{
|
|
id: "7", name: "Whole Wheat Bagels", price: "$6.75", variant: "Fresh Baked Pack of 6", imageSrc: "https://images.unsplash.com/photo-1551024506-0bccd828d307?w=400&h=400&fit=crop", imageAlt: "Fresh whole wheat bagels", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 7')
|
|
},
|
|
{
|
|
id: "8", name: "Apple Pie Slice", price: "$4.95", variant: "Traditional Recipe Individual", imageSrc: "https://images.unsplash.com/photo-1621303837174-89787a7d4729?w=400&h=400&fit=crop", imageAlt: "Fresh apple pie slice", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('clicked product 8')
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<NavbarStyleApple
|
|
brandName="Artisan Bakery"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" }
|
|
]}
|
|
/>
|
|
|
|
<main className="min-h-screen">
|
|
<ProductCardFour
|
|
products={products}
|
|
title="Our Artisan Collection"
|
|
description="Handcrafted daily with the finest ingredients and traditional baking methods"
|
|
tag="Fresh Daily"
|
|
tagIcon={ShoppingBag}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "View All Products", href: "/shop"
|
|
},
|
|
{
|
|
text: "Custom Orders", href: "/contact"
|
|
}
|
|
]}
|
|
/>
|
|
</main>
|
|
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Bread & Loaves", href: "#products" },
|
|
{ label: "Pastries", href: "#products" },
|
|
{ label: "Custom Cakes", href: "#contact" },
|
|
{ label: "Seasonal Items", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQs", href: "#faq" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Artisan Bakery | Handcrafted with Love"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |