Compare commits
21 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1232f7096a | |||
| cd0af02da7 | |||
| 319762eb91 | |||
| bc4a4fb4a1 | |||
| af7076b7e0 | |||
| 4d161e546e | |||
| 0b21aa1322 | |||
| 6e11025925 | |||
| 8e10ebd6b1 | |||
| b7e6d4a306 | |||
| 27011b7586 | |||
| b09395183a | |||
| a563ede406 | |||
| dcf2977a01 | |||
| 3f022465f9 | |||
| 5b657858bf | |||
| dcbb0de7ec | |||
| c2895fa998 | |||
| 54589449fb | |||
| 83672802bf | |||
| b94559eb95 |
146
src/app/page.tsx
146
src/app/page.tsx
@@ -3,7 +3,7 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||||||
@@ -38,39 +38,53 @@ export default function HomePage() {
|
|||||||
brandName="Montana Banks"
|
brandName="Montana Banks"
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now", href: "/shop"}}
|
text: "Shop Now", href: "/shop"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroBillboardCarousel
|
||||||
title="Montana Banks — Elevated Streetwear"
|
title="Montana Banks — Premium Footwear Collection"
|
||||||
description="Modern shoes and clothing designed for everyday confidence. Premium quality meets streetwear aesthetics for the discerning urban lifestyle."
|
description="Explore our curated selection of iconic shoes from Jordan, Nike, and Adidas. Each pair represents the perfect blend of style, comfort, and performance."
|
||||||
tag="New Collection"
|
tag="New Arrivals"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Shoes", href: "/shop?category=shoes"},
|
text: "Shop All Shoes", href: "/shop?category=shoes"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
text: "Shop Clothing", href: "/shop?category=clothing"},
|
text: "View Collection", href: "#products"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=1", imageAlt: "Featured Montana Banks shoes showcase"},
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995087812-ktitlrg2.avif", imageAlt: "Jordan 1 Retro High"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-suit-clothes_158538-15182.jpg?_wi=1", imageAlt: "Featured Montana Banks clothing collection"},
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995182713-b1ry91pl.avif", imageAlt: "Nike Air Max 90"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995245522-rxzxqwfh.avif", imageAlt: "Adidas Ultraboost"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995644964-tl6irbcz.avif", imageAlt: "Jordan 11 Space Jam"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995595807-810crhl9.webp", imageAlt: "Nike Dunk Low"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995142273-2lej246w.jpg", imageAlt: "Adidas NMD R1"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
mediaAnimation="none"
|
|
||||||
rating={5}
|
|
||||||
ratingText="Trusted by Style Enthusiasts"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
title="Featured Products"
|
title="Featured Shoes"
|
||||||
description="Discover our best-selling shoes and trending clothing items, curated for modern confidence."
|
description="Premium selections from Jordan, Nike, and Adidas. Discover the perfect pair for your style."
|
||||||
tag="Best Sellers"
|
tag="Best Sellers"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -78,23 +92,29 @@ export default function HomePage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1", brand: "Montana Banks", name: "Urban Stride Premium Sneaker", price: "$185.00", rating: 5,
|
id: "1", brand: "Jordan", name: "Jordan 4 Retro white", price: "$170.00", rating: 5,
|
||||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-skateboard-having-fun-skatepark-copy-space_23-2148758425.jpg?_wi=1", imageAlt: "urban stride premium sneaker white gray minimalist"},
|
reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994604068-yo9jqjh5.jpg", imageAlt: "Jordan 1 Retro High OG Red and Black"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.00", rating: 5,
|
id: "2", brand: "Nike", name: "Nike Air VaporMax", price: "$130.00", rating: 5,
|
||||||
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=1", imageAlt: "black high top sneaker classic streetwear shoe"},
|
reviewCount: "892", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994468896-g41rsi8q.webp", imageAlt: "Nike Air Max 90 White and Grey"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", brand: "Montana Banks", name: "Minimal Tech Hoodie", price: "$125.00", rating: 5,
|
id: "3", brand: "Adidas", name: "Adidas Yeezys", price: "$180.00", rating: 5,
|
||||||
reviewCount: "658", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=1", imageAlt: "minimal tech hoodie neutral color streetwear"},
|
reviewCount: "658", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994690682-h4lyekfm.jpg", imageAlt: "Adidas Ultraboost 22 Black"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", brand: "Montana Banks", name: "Essential Oversized Tee", price: "$65.00", rating: 5,
|
id: "4", brand: "Jordan", name: "Jordan 11s", price: "$225.00", rating: 5,
|
||||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-vector/poster-design-with-mechanic-girl_1284-52594.jpg?_wi=1", imageAlt: "essential oversized t-shirt clean minimalist"},
|
reviewCount: "1.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994799596-pijpwp9c.webp", imageAlt: "Jordan 11 Space Jam Black and Red"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "5", brand: "Montana Banks", name: "Canvas Work Jacket", price: "$245.00", rating: 5,
|
id: "5", brand: "Nike", name: "Jordan 8s ", price: "$115.00", rating: 5,
|
||||||
reviewCount: "421", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg?_wi=1", imageAlt: "canvas work jacket premium streetwear outerwear"},
|
reviewCount: "1.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994905298-dw9ks45v.webp", imageAlt: "Nike Dunk Low Retro White and Navy"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "6", brand: "Montana Banks", name: "Premium Leather Belt", price: "$95.00", rating: 5,
|
id: "6", brand: "Adidas", name: "jordans 12 ", price: "$140.00", rating: 5,
|
||||||
reviewCount: "734", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-photo-camera-outdoors_23-2149322530.jpg?_wi=1", imageAlt: "premium leather belt minimalist accessory product"},
|
reviewCount: "934", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772995020355-vbe78x6c.jpg", imageAlt: "Adidas NMD R1 Black and White"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -103,40 +123,49 @@ export default function HomePage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text", content: "Montana Banks is built on the idea that"},
|
type: "text", content: "Montana Banks is your destination for"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
type: "image", src: "http://img.b2bpic.net/free-vector/white-business-card-with-geometric-elements_1355-91.jpg", alt: "Montana Banks logo"},
|
type: "image", src: "http://img.b2bpic.net/free-vector/white-business-card-with-geometric-elements_1355-91.jpg", alt: "Montana Banks logo"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
type: "text", content: "style should be effortless and confident"},
|
type: "text", content: "authentic premium footwear from the world's top brands"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn Our Story", href: "/about"},
|
text: "Learn Our Story", href: "/about"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="categories" data-section="categories">
|
<div id="categories" data-section="categories">
|
||||||
<FeatureCardTwentyOne
|
<FeatureCardTwentyOne
|
||||||
title="Explore Our Collections"
|
title="Explore Our Brands"
|
||||||
description="From premium footwear to elevated essentials, every category is designed with quality and style at the forefront."
|
description="Discover the finest shoe collections from Jordan, Nike, and Adidas. Each brand brings its unique heritage and innovation to our platform."
|
||||||
tag="Categories"
|
tag="Premium Brands"
|
||||||
tagIcon={Grid}
|
tagIcon={Grid}
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "shoes", title: "Shoes", content: "Premium sneakers, high-tops, and everyday kicks designed for comfort and style. Each pair reflects our commitment to quality craftsmanship."},
|
id: "jordan", title: "Jordan Brand", content: "Air Jordan represents the pinnacle of basketball heritage and style. From iconic retros to modern innovations, Jordan shoes define sneaker culture."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "hoodies", title: "Hoodies", content: "Minimal, oversized hoodies in premium fabrics. Perfect for layering or standalone statement pieces that define modern streetwear."},
|
id: "nike", title: "Nike", content: "Nike combines cutting-edge technology with timeless design. From Air Max to Dunk, Nike delivers performance and style for every lifestyle."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "tshirts", title: "T-Shirts", content: "Essential tees in curated colorways and cuts. Versatile basics that form the foundation of any elevated everyday wardrobe."},
|
id: "adidas", title: "Adidas", content: "Adidas merges German engineering with contemporary aesthetics. Ultraboost, NMD, and classic Superstars offer comfort and versatility."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "jackets", title: "Jackets", content: "Technical and canvas jackets built for durability and style. Statement pieces that elevate any outfit instantly."},
|
id: "authenticity", title: "Authenticity Guarantee", content: "Every shoe in our collection is 100% authentic and inspected for quality. We partner directly with authorized retailers to ensure genuine products."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "accessories", title: "Accessories", content: "Thoughtfully curated accessories including belts, caps, and bags that complete your Montana Banks look."},
|
id: "delivery", title: "Fast & Secure Delivery", content: "We ship globally with tracking and insurance. Your sneakers arrive safely and quickly, packaged with care and attention to detail."
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772994379901-q1pv4e9v.jpg"
|
||||||
imageAlt="Montana Banks collection showcase"
|
imageAlt="Premium sneaker collection showcase"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
mediaPosition="left"
|
mediaPosition="left"
|
||||||
@@ -146,7 +175,7 @@ export default function HomePage() {
|
|||||||
<div id="lifestyle" data-section="lifestyle">
|
<div id="lifestyle" data-section="lifestyle">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
title="Lifestyle in Motion"
|
title="Lifestyle in Motion"
|
||||||
description="See how Montana Banks products fit seamlessly into modern urban life. Real style, real confidence."
|
description="See how premium sneakers from Jordan, Nike, and Adidas fit seamlessly into modern urban life. Style, comfort, and authenticity."
|
||||||
tag="Inspiration"
|
tag="Inspiration"
|
||||||
gridVariant="bento-grid-inverted"
|
gridVariant="bento-grid-inverted"
|
||||||
animationType="opacity"
|
animationType="opacity"
|
||||||
@@ -154,17 +183,21 @@ export default function HomePage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1", brand: "Montana Banks", name: "Street Style Moment", price: "Premium", rating: 5,
|
id: "1", brand: "Street Culture", name: "AirForces 1s ", price: "$120 ", rating: 5,
|
||||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-smiling-girl-with-longboard_158595-4173.jpg", imageAlt: "urban street style fashion person wearing sneakers"},
|
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772993023457-k32n4a5n.webp", imageAlt: "Jordan shoes street style fashion"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", brand: "Montana Banks", name: "Urban Explorer Look", price: "Elevated", rating: 5,
|
id: "2", brand: "Performance", name: "Jordan 4s ", price: "$250 ", rating: 5,
|
||||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-shorts-road_1153-143.jpg", imageAlt: "urban explorer outfit adventure travel fashion"},
|
reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772993300652-yesnfftq.jpg", imageAlt: "Nike performance sneakers athletic wear"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", brand: "Montana Banks", name: "Casual Confidence", price: "Accessible", rating: 5,
|
id: "3", brand: "Casual Vibes", name: "black and grey Jordans 1s ", price: "$190 ", rating: 5,
|
||||||
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/leaning-wall-by-hand-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16826.jpg", imageAlt: "casual confidence everyday streetwear outfit"},
|
reviewCount: "3.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772993802786-5e59fwnc.jpg", imageAlt: "Adidas casual sneakers everyday comfort"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", brand: "Montana Banks", name: "Weekend Essential", price: "Versatile", rating: 5,
|
id: "4", brand: "Classic Silhouettes", name: "red dunks low ", price: "$90 ", rating: 5,
|
||||||
reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg", imageAlt: "weekend essential casual comfort outfit"},
|
reviewCount: "2.7k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfmM9SRIszwR2836smlQn17mcI/uploaded-1772993886520-oopybfjx.avif", imageAlt: "Classic sneaker silhouettes timeless design"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -173,11 +206,12 @@ export default function HomePage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Exclusive Offer"
|
tag="Exclusive Offer"
|
||||||
tagIcon={Mail}
|
tagIcon={Mail}
|
||||||
title="Get 10% Off Your First Order"
|
title="Join the Sneaker Community"
|
||||||
description="Join the Montana Banks community and receive exclusive early access to new collections, style tips, and special offers delivered to your inbox."
|
description="Get exclusive access to limited releases, early drops, and special member-only pricing. Stay updated on the latest from Jordan, Nike, and Adidas."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Sign Up Now", href: "/newsletter"},
|
text: "Sign Up Now", href: "/newsletter"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -188,9 +222,11 @@ export default function HomePage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Montana Banks"
|
logoText="Montana Banks"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy", href: "/privacy"}}
|
text: "Privacy Policy", href: "/privacy"
|
||||||
|
}}
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service", href: "/terms"}}
|
text: "Terms of Service", href: "/terms"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
@@ -30,35 +30,47 @@ export default function ProductPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Shop Shoes", id: "shoes" },
|
{ name: "Shop Shoes", id: "shoes" },
|
||||||
{ name: "Shop Clothing", id: "clothing" },
|
{ name: "Shop Clothing", id: "clothing" },
|
||||||
{ name: "About", id: "/about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Instagram", id: "https://instagram.com" },
|
{ name: "Instagram", id: "https://instagram.com" },
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now", href: "#products"}}
|
text: "Shop Now", href: "#products"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroBillboardCarousel
|
||||||
title="Montana Banks — Elevated Streetwear"
|
title="Montana Banks — Premium Footwear Collection"
|
||||||
description="Modern shoes and clothing designed for everyday confidence. Premium quality meets streetwear aesthetics for the discerning urban lifestyle."
|
description="Explore our curated selection of iconic shoes from Jordan, Nike, and Adidas. Each pair represents the perfect blend of style, comfort, and performance."
|
||||||
tag="New Collection"
|
tag="New Arrivals"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Shop Shoes", href: "/shop?category=shoes" },
|
{ text: "Shop All Shoes", href: "/shop?category=shoes" },
|
||||||
{ text: "Shop Clothing", href: "/shop?category=clothing" },
|
{ text: "View Collection", href: "#products" },
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=2", imageAlt: "Featured Montana Banks shoes showcase"},
|
imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800&h=800&fit=crop&_wi=5", imageAlt: "Jordan 1 Retro High"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-suit-clothes_158538-15182.jpg?_wi=2", imageAlt: "Featured Montana Banks clothing collection"},
|
imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=800&h=800&fit=crop&_wi=4", imageAlt: "Nike Air Max 90"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800&h=800&fit=crop&_wi=6", imageAlt: "Adidas Ultraboost"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=800&h=800&fit=crop&_wi=5", imageAlt: "Jordan 11 Space Jam"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800&h=800&fit=crop&_wi=7", imageAlt: "Nike Dunk Low"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=800&h=800&fit=crop&_wi=6", imageAlt: "Adidas NMD R1"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
mediaAnimation="none"
|
|
||||||
rating={5}
|
|
||||||
ratingText="Trusted by Style Enthusiasts"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -66,26 +78,32 @@ export default function ProductPage() {
|
|||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1", brand: "Montana Banks", name: "Urban Stride Premium Sneaker", price: "$185.00", rating: 5,
|
id: "1", brand: "Jordan", name: "Jordan 1 Retro High OG", price: "$170.00", rating: 5,
|
||||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-skateboard-having-fun-skatepark-copy-space_23-2148758425.jpg?_wi=2", imageAlt: "Urban Stride Premium Sneaker"},
|
reviewCount: "1.2k", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600&h=600&fit=crop&_wi=6", imageAlt: "Jordan 1 Retro High OG"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.00", rating: 5,
|
id: "2", brand: "Nike", name: "Nike Air Max 90", price: "$130.00", rating: 5,
|
||||||
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=2", imageAlt: "Classic Black High-Top"},
|
reviewCount: "892", imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=600&h=600&fit=crop&_wi=6", imageAlt: "Nike Air Max 90"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", brand: "Montana Banks", name: "Minimal Tech Hoodie", price: "$125.00", rating: 5,
|
id: "3", brand: "Adidas", name: "Adidas Ultraboost 22", price: "$180.00", rating: 5,
|
||||||
reviewCount: "658", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=2", imageAlt: "Minimal Tech Hoodie"},
|
reviewCount: "658", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600&h=600&fit=crop&_wi=7", imageAlt: "Adidas Ultraboost 22"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", brand: "Montana Banks", name: "Essential Oversized Tee", price: "$65.00", rating: 5,
|
id: "4", brand: "Jordan", name: "Jordan 11 Space Jam", price: "$225.00", rating: 5,
|
||||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-vector/poster-design-with-mechanic-girl_1284-52594.jpg?_wi=2", imageAlt: "Essential Oversized Tee"},
|
reviewCount: "1.5k", imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=600&h=600&fit=crop&_wi=7", imageAlt: "Jordan 11 Space Jam"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "5", brand: "Montana Banks", name: "Canvas Work Jacket", price: "$245.00", rating: 5,
|
id: "5", brand: "Nike", name: "Nike Dunk Low Retro", price: "$115.00", rating: 5,
|
||||||
reviewCount: "421", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg?_wi=2", imageAlt: "Canvas Work Jacket"},
|
reviewCount: "1.1k", imageSrc: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600&h=600&fit=crop&_wi=8", imageAlt: "Nike Dunk Low Retro"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "6", brand: "Montana Banks", name: "Premium Leather Belt", price: "$95.00", rating: 5,
|
id: "6", brand: "Adidas", name: "Adidas NMD R1", price: "$140.00", rating: 5,
|
||||||
reviewCount: "734", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-photo-camera-outdoors_23-2149322530.jpg?_wi=2", imageAlt: "Premium Leather Belt"},
|
reviewCount: "934", imageSrc: "https://images.unsplash.com/photo-1542295503-52712f69c69d?w=600&h=600&fit=crop&_wi=8", imageAlt: "Adidas NMD R1"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
title="Featured Products"
|
title="Featured Products"
|
||||||
description="Discover our best-selling shoes and trending clothing items, curated for modern confidence."
|
description="Discover our premium selection of shoes from Jordan, Nike, and Adidas."
|
||||||
tag="Best Sellers"
|
tag="Best Sellers"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -96,24 +114,26 @@ export default function ProductPage() {
|
|||||||
|
|
||||||
<div id="categories" data-section="categories">
|
<div id="categories" data-section="categories">
|
||||||
<FeatureCardTwentyOne
|
<FeatureCardTwentyOne
|
||||||
title="Explore Our Collections"
|
title="Explore Our Brands"
|
||||||
description="From premium footwear to elevated essentials, every category is designed with quality and style at the forefront."
|
description="Discover the finest shoe collections from Jordan, Nike, and Adidas. Each brand brings its unique heritage and innovation to our platform."
|
||||||
tag="Categories"
|
tag="Premium Brands"
|
||||||
tagIcon={Grid}
|
tagIcon={Grid}
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "shoes", title: "Shoes", content: "Premium sneakers, high-tops, and everyday kicks designed for comfort and style. Each pair reflects our commitment to quality craftsmanship."},
|
id: "jordan", title: "Jordan Brand", content: "Air Jordan represents the pinnacle of basketball heritage and style. From iconic retros to modern innovations, Jordan shoes define sneaker culture."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "hoodies", title: "Hoodies", content: "Minimal, oversized hoodies in premium fabrics. Perfect for layering or standalone statement pieces that define modern streetwear."},
|
id: "nike", title: "Nike", content: "Nike combines cutting-edge technology with timeless design. From Air Max to Dunk, Nike delivers performance and style for every lifestyle."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "tshirts", title: "T-Shirts", content: "Essential tees in curated colorways and cuts. Versatile basics that form the foundation of any elevated everyday wardrobe."},
|
id: "adidas", title: "Adidas", content: "Adidas merges German engineering with contemporary aesthetics. Ultraboost, NMD, and classic Superstars offer comfort and versatility."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "jackets", title: "Jackets", content: "Technical and canvas jackets built for durability and style. Statement pieces that elevate any outfit instantly."},
|
id: "authenticity", title: "Authenticity Guarantee", content: "Every shoe in our collection is 100% authentic and inspected for quality. We partner directly with authorized retailers to ensure genuine products."
|
||||||
{
|
}
|
||||||
id: "accessories", title: "Accessories", content: "Thoughtfully curated accessories including belts, caps, and bags that complete your Montana Banks look."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=2"
|
imageSrc="https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800&h=800&fit=crop&_wi=8"
|
||||||
imageAlt="Montana Banks collection showcase"
|
imageAlt="Premium sneaker collection showcase"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
mediaPosition="left"
|
mediaPosition="left"
|
||||||
@@ -124,8 +144,8 @@ export default function ProductPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Exclusive Offer"
|
tag="Exclusive Offer"
|
||||||
tagIcon={Mail}
|
tagIcon={Mail}
|
||||||
title="Get 10% Off Your First Order"
|
title="Join the Sneaker Community"
|
||||||
description="Join the Montana Banks community and receive exclusive early access to new collections, style tips, and special offers delivered to your inbox."
|
description="Get exclusive access to limited releases, early drops, and special member-only pricing."
|
||||||
buttons={[{ text: "Sign Up Now", href: "/newsletter" }]}
|
buttons={[{ text: "Sign Up Now", href: "/newsletter" }]}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
|||||||
@@ -10,14 +10,14 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f7f6f7;
|
--background: #ffffff;
|
||||||
--card: #ffffff;
|
--card: #ffffff;
|
||||||
--foreground: #25190c;
|
--foreground: #25190c;
|
||||||
--primary-cta: #423f3c;
|
--primary-cta: #423f3c;
|
||||||
--primary-cta-text: #f7f6f7;
|
--primary-cta-text: #000000;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #25190c;
|
--secondary-cta-text: #25190c;
|
||||||
--accent: #afa8a0;
|
--accent: #f9fbb0;
|
||||||
--background-accent: #000000;
|
--background-accent: #000000;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
|
|||||||
Reference in New Issue
Block a user