Switch to version 1: remove src/app/shop/page.tsx
This commit is contained in:
@@ -1,84 +0,0 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/components/theme-provider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
const navItems = [
|
||||
{ name: 'Home', id: '/' },
|
||||
{ name: 'Shop', id: '/shop' },
|
||||
{ name: 'Cart', id: '/cart' },
|
||||
{ name: 'Checkout', id: '/checkout' },
|
||||
];
|
||||
|
||||
const products = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Premium Headphones',
|
||||
price: '$199.99',
|
||||
imageSrc: '/placeholder1.jpg',
|
||||
imageAlt: 'Premium Headphones',
|
||||
initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Wireless Mouse',
|
||||
price: '$49.99',
|
||||
imageSrc: '/placeholder2.jpg',
|
||||
imageAlt: 'Wireless Mouse',
|
||||
initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'USB-C Cable',
|
||||
price: '$29.99',
|
||||
imageSrc: '/placeholder3.jpg',
|
||||
imageAlt: 'USB-C Cable',
|
||||
initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'Laptop Stand',
|
||||
price: '$79.99',
|
||||
imageSrc: '/placeholder4.jpg',
|
||||
imageAlt: 'Laptop Stand',
|
||||
initialQuantity: 1,
|
||||
},
|
||||
];
|
||||
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Shop"
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="hello@example.com"
|
||||
/>
|
||||
<main className="w-full py-12">
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
products={products}
|
||||
title="Our Products"
|
||||
description="Browse our collection of premium tech accessories"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user