127 lines
5.3 KiB
TypeScript
127 lines
5.3 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ShoppingBag } from 'lucide-react';
|
|
|
|
export default function ShopPage() {
|
|
const products = [
|
|
{
|
|
id: "1", brand: "Big Pig", name: "Premium Ceramic Coffee Mug", price: "$24.99", rating: 4.8,
|
|
reviewCount: "1.2k", imageSrc: "/images/cup1.jpg", imageAlt: "Premium ceramic coffee mug", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
},
|
|
{
|
|
id: "2", brand: "Big Pig", name: "Insulated Travel Tumbler", price: "$34.99", rating: 4.9,
|
|
reviewCount: "856", imageSrc: "/images/cup2.jpg", imageAlt: "Insulated travel tumbler", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
},
|
|
{
|
|
id: "3", brand: "Big Pig", name: "Glass Coffee Cup Set", price: "$49.99", rating: 4.7,
|
|
reviewCount: "2.3k", imageSrc: "/images/cup3.jpg", imageAlt: "Glass coffee cup set", isFavorited: true,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
},
|
|
{
|
|
id: "4", brand: "Big Pig", name: "Stainless Steel Espresso Cup", price: "$19.99", rating: 4.6,
|
|
reviewCount: "674", imageSrc: "/images/cup4.jpg", imageAlt: "Stainless steel espresso cup", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
},
|
|
{
|
|
id: "5", brand: "Big Pig", name: "Handcrafted Artisan Mug", price: "$39.99", rating: 5.0,
|
|
reviewCount: "412", imageSrc: "/images/cup5.jpg", imageAlt: "Handcrafted artisan mug", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
},
|
|
{
|
|
id: "6", brand: "Big Pig", name: "Double Wall Glass Mug", price: "$28.99", rating: 4.8,
|
|
reviewCount: "923", imageSrc: "/images/cup6.jpg", imageAlt: "Double wall glass mug", isFavorited: false,
|
|
onFavorite: () => console.log('favorited'),
|
|
onProductClick: () => console.log('product clicked')
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div className="min-h-screen flex flex-col">
|
|
<NavbarStyleFullscreen
|
|
brandName="Big Pig"
|
|
navItems={[
|
|
{"name":"Home","id":"/"},
|
|
{"name":"Shop","id":"/shop"}
|
|
]}
|
|
bottomLeftText="Premium Cup Craftsmanship"
|
|
bottomRightText="hello@bigpigcups.com"
|
|
/>
|
|
|
|
<main className="flex-1">
|
|
<ProductCardTwo
|
|
products={products}
|
|
title="Our Premium Collection"
|
|
description="Discover our handcrafted cups and mugs, each designed with premium materials and exceptional attention to detail. From everyday coffee mugs to elegant gift sets."
|
|
tag="Featured Products"
|
|
tagIcon={ShoppingBag}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "View All Products", href: "/shop"
|
|
},
|
|
{
|
|
text: "Gift Sets", href: "/shop?category=gifts"
|
|
}
|
|
]}
|
|
/>
|
|
</main>
|
|
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
"title": "Company", "items": [
|
|
{"label": "About Big Pig", "href": "/"},
|
|
{"label": "Our Story", "href": "/"},
|
|
{"label": "Sustainability", "href": "/"},
|
|
{"label": "Careers", "href": "/"}
|
|
]
|
|
},
|
|
{
|
|
"title": "Support", "items": [
|
|
{"label": "Contact Us", "href": "/"},
|
|
{"label": "FAQs", "href": "/"},
|
|
{"label": "Shipping Info", "href": "/"},
|
|
{"label": "Returns", "href": "/"}
|
|
]
|
|
},
|
|
{
|
|
"title": "Legal", "items": [
|
|
{"label": "Privacy Policy", "href": "/"},
|
|
{"label": "Terms of Service", "href": "/"},
|
|
{"label": "Cookie Policy", "href": "/"}
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Big Pig Cups. All rights reserved."
|
|
bottomRightText="Crafted with care • Designed to last"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |