Merge version_1 into main #1
@@ -8,7 +8,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Package, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -23,156 +23,60 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="NextKick"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="NextKick"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-list" data-section="shop-list">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Classic Jersey",
|
||||
price: "$69.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sportsman-holding-ball-looking-camera_23-2148203681.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Pro Training Top",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-athletic-guy-sitting-with-soccer-ball_23-2148203646.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Elite Shin Guards",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827419.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Training Shorts",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-shoes-ball_23-2147813233.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Performance Ball",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-players-wearing-equipment_23-2151117536.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Goalkeeper Gloves",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-sport-equipment_23-2149872104.jpg",
|
||||
},
|
||||
]}
|
||||
title="Full Collection"
|
||||
description="Browse our complete range of premium soccer gear."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop-list" data-section="shop-list">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Classic Jersey", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/black-sportsman-holding-ball-looking-camera_23-2148203681.jpg"},
|
||||
{
|
||||
id: "s2", name: "Pro Training Top", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-athletic-guy-sitting-with-soccer-ball_23-2148203646.jpg"},
|
||||
{
|
||||
id: "s3", name: "Elite Shin Guards", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827419.jpg"},
|
||||
{
|
||||
id: "s4", name: "Training Shorts", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/football-shoes-ball_23-2147813233.jpg"},
|
||||
{
|
||||
id: "s5", name: "Performance Ball", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/american-football-players-wearing-equipment_23-2151117536.jpg"},
|
||||
{
|
||||
id: "s6", name: "Goalkeeper Gloves", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-sport-equipment_23-2149872104.jpg"},
|
||||
]}
|
||||
title="Full Collection"
|
||||
description="Browse our complete range of premium soccer gear."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Shop Stats"
|
||||
description="Why we are the preferred choice for athletes."
|
||||
metrics={[
|
||||
{
|
||||
id: "s-m1",
|
||||
icon: TrendingUp,
|
||||
title: "Items Shipped",
|
||||
value: "25k+",
|
||||
},
|
||||
{
|
||||
id: "s-m2",
|
||||
icon: Package,
|
||||
title: "Products Available",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NextKick"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Jerseys",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Training",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Track Order",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Shop Stats"
|
||||
description="Why we are the preferred choice for athletes."
|
||||
metrics={[
|
||||
{
|
||||
id: "s-m1", icon: TrendingUp,
|
||||
title: "Items Shipped", value: "25k+"},
|
||||
{
|
||||
id: "s-m2", icon: Package,
|
||||
title: "Products Available", value: "150+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user