Initial commit
This commit is contained in:
127
src/app/shop/page.tsx
Normal file
127
src/app/shop/page.tsx
Normal file
@@ -0,0 +1,127 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user