43 Commits

Author SHA1 Message Date
5307063532 Update src/app/shop/page.tsx 2026-03-10 20:17:13 +00:00
f0f8e151f2 Update src/app/product/page.tsx 2026-03-10 20:17:13 +00:00
aaae42e37a Update src/app/page.tsx 2026-03-10 20:17:12 +00:00
03705a6dfe Update src/app/contact/page.tsx 2026-03-10 20:17:12 +00:00
44840be980 Update src/app/about/page.tsx 2026-03-10 20:17:12 +00:00
d1a859476a Switch to version 1: modified src/app/styles/variables.css 2026-03-08 19:48:51 +00:00
49840b4779 Switch to version 1: modified src/app/product/page.tsx 2026-03-08 19:48:50 +00:00
f1fd295eb8 Switch to version 1: modified src/app/page.tsx 2026-03-08 19:48:50 +00:00
d407532dbb Merge version_2 into main
Merge version_2 into main
2026-03-08 18:50:57 +00:00
1232f7096a Update src/app/page.tsx 2026-03-08 18:50:53 +00:00
59dba62cc3 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:50:26 +00:00
cd0af02da7 Update src/app/page.tsx 2026-03-08 18:50:22 +00:00
becf0cc749 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:49:47 +00:00
319762eb91 Update src/app/page.tsx 2026-03-08 18:49:43 +00:00
38485b4ed2 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:48:52 +00:00
bc4a4fb4a1 Update src/app/page.tsx 2026-03-08 18:48:47 +00:00
a67a549530 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:48:36 +00:00
af7076b7e0 Update src/app/page.tsx 2026-03-08 18:48:31 +00:00
579e94d268 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:48:15 +00:00
4d161e546e Update src/app/page.tsx 2026-03-08 18:48:11 +00:00
d2ed58132e Merge version_2 into main
Merge version_2 into main
2026-03-08 18:47:47 +00:00
0b21aa1322 Update src/app/page.tsx 2026-03-08 18:47:43 +00:00
41de31ff09 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:42:12 +00:00
6e11025925 Update src/app/page.tsx 2026-03-08 18:42:08 +00:00
231d7b06f2 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:33:37 +00:00
8e10ebd6b1 Update src/app/page.tsx 2026-03-08 18:33:33 +00:00
f8faba5fe6 Merge version_2 into main
Merge version_2 into main
2026-03-08 18:02:05 +00:00
b7e6d4a306 Update theme colors 2026-03-08 18:01:59 +00:00
7196304fca Merge version_2 into main
Merge version_2 into main
2026-03-08 18:00:51 +00:00
27011b7586 Update theme colors 2026-03-08 18:00:44 +00:00
5123d0fd30 Merge version_2 into main
Merge version_2 into main
2026-03-08 17:59:26 +00:00
b09395183a Update theme colors 2026-03-08 17:59:20 +00:00
7ce52a1757 Merge version_2 into main
Merge version_2 into main
2026-03-08 17:55:55 +00:00
a563ede406 Update src/app/product/page.tsx 2026-03-08 17:55:51 +00:00
dcf2977a01 Update src/app/page.tsx 2026-03-08 17:55:51 +00:00
c3bf74fdef Merge version_2 into main
Merge version_2 into main
2026-03-08 17:55:10 +00:00
3f022465f9 Update src/app/product/page.tsx 2026-03-08 17:55:06 +00:00
5b657858bf Update src/app/page.tsx 2026-03-08 17:55:05 +00:00
dcbb0de7ec Merge version_1 into main
Merge version_1 into main
2026-03-08 17:51:47 +00:00
c2895fa998 Merge version_1 into main
Merge version_1 into main
2026-03-08 17:51:30 +00:00
54589449fb Merge version_1 into main
Merge version_1 into main
2026-03-08 17:49:28 +00:00
83672802bf Merge version_1 into main
Merge version_1 into main
2026-03-08 17:48:43 +00:00
b94559eb95 Merge version_1 into main
Merge version_1 into main
2026-03-08 17:47:27 +00:00
5 changed files with 129 additions and 246 deletions

View File

@@ -10,6 +10,13 @@ import { Mail } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
export default function AboutPage() { export default function AboutPage() {
const navItems = [
{ name: "Shop Shoes", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Instagram", id: "https://instagram.com" },
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
@@ -26,17 +33,9 @@ export default function AboutPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Montana Banks" brandName="Montana Banks"
navItems={[ navItems={navItems}
{ name: "Shop Shoes", id: "shoes" },
{ name: "Shop Clothing", id: "clothing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" },
{ name: "Instagram", id: "https://instagram.com" },
]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/shop"}}
href: "#products",
}}
/> />
</div> </div>
@@ -44,18 +43,11 @@ export default function AboutPage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
heading={[ heading={[
{ {
type: "text", type: "text", content: "Montana Banks is built on the idea that"},
content: "Montana Banks is built on the idea that",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-vector/white-business-card-with-geometric-elements_1355-91.jpg", alt: "Montana Banks logo"},
src: "http://img.b2bpic.net/free-vector/white-business-card-with-geometric-elements_1355-91.jpg",
alt: "Montana Banks logo",
},
{ {
type: "text", type: "text", content: "exceptional footwear should be effortless and confident"},
content: "style should be effortless and confident",
},
]} ]}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "Learn Our Story", href: "/about" }]} buttons={[{ text: "Learn Our Story", href: "/about" }]}
@@ -66,48 +58,20 @@ export default function AboutPage() {
<ProductCardTwo <ProductCardTwo
products={[ products={[
{ {
id: "1", id: "1", brand: "Montana Banks", name: "Street Style Moment", price: "Premium", rating: 5,
brand: "Montana Banks", reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-smiling-girl-with-longboard_158595-4173.jpg?_wi=2", imageAlt: "Street Style Moment"},
name: "Street Style Moment",
price: "Premium",
rating: 5,
reviewCount: "2.3k",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-smiling-girl-with-longboard_158595-4173.jpg?_wi=2",
imageAlt: "Street Style Moment",
},
{ {
id: "2", id: "2", brand: "Montana Banks", name: "Urban Explorer Look", price: "Elevated", rating: 5,
brand: "Montana Banks", reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-shorts-road_1153-143.jpg?_wi=2", imageAlt: "Urban Explorer Look"},
name: "Urban Explorer Look",
price: "Elevated",
rating: 5,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-shorts-road_1153-143.jpg?_wi=2",
imageAlt: "Urban Explorer Look",
},
{ {
id: "3", id: "3", brand: "Montana Banks", name: "Casual Confidence", price: "Accessible", rating: 5,
brand: "Montana Banks", 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?_wi=2", imageAlt: "Casual Confidence"},
name: "Casual Confidence",
price: "Accessible",
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?_wi=2",
imageAlt: "Casual Confidence",
},
{ {
id: "4", id: "4", brand: "Montana Banks", name: "Weekend Essential", price: "Versatile", rating: 5,
brand: "Montana Banks", reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg?_wi=2", imageAlt: "Weekend Essential"},
name: "Weekend Essential",
price: "Versatile",
rating: 5,
reviewCount: "2.7k",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg?_wi=2",
imageAlt: "Weekend Essential",
},
]} ]}
title="Lifestyle in Motion" title="Shoe Styling in Motion"
description="See how Montana Banks products fit seamlessly into modern urban life. Real style, real confidence." description="See how Montana Banks shoes fit seamlessly into modern urban life. Real quality, real confidence."
tag="Inspiration" tag="Inspiration"
gridVariant="bento-grid-inverted" gridVariant="bento-grid-inverted"
animationType="opacity" animationType="opacity"
@@ -120,8 +84,8 @@ export default function AboutPage() {
<ContactCTA <ContactCTA
tag="Exclusive Offer" tag="Exclusive Offer"
tagIcon={Mail} tagIcon={Mail}
title="Get 10% Off Your First Order" title="Get 10% Off Your First Pair"
description="Join the Montana Banks community and receive exclusive early access to new collections, style tips, and special offers delivered to your inbox." description="Join the Montana Banks community and receive exclusive early access to new collections, shoe care tips, and special offers delivered to your inbox."
buttons={[{ text: "Sign Up Now", href: "/newsletter" }]} buttons={[{ text: "Sign Up Now", href: "/newsletter" }]}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}

View File

@@ -8,6 +8,13 @@ import Link from "next/link";
import { Mail } from "lucide-react"; import { Mail } from "lucide-react";
export default function ContactPage() { export default function ContactPage() {
const navItems = [
{ name: "Shop Shoes", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Instagram", id: "https://instagram.com" },
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
@@ -24,17 +31,9 @@ export default function ContactPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Montana Banks" brandName="Montana Banks"
navItems={[ navItems={navItems}
{ name: "Shop Shoes", id: "/" },
{ name: "Shop Clothing", id: "/" },
{ name: "About", id: "/" },
{ name: "Contact", id: "/contact" },
{ name: "Instagram", id: "https://instagram.com" },
]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/shop"}}
href: "#products",
}}
/> />
</div> </div>
@@ -43,16 +42,13 @@ export default function ContactPage() {
tag="Get in Touch" tag="Get in Touch"
tagIcon={Mail} tagIcon={Mail}
title="Ready to Connect with Montana Banks?" title="Ready to Connect with Montana Banks?"
description="Have questions about our products or need styling advice? Our team is here to help. Reach out to us through the form below or visit us on social media for the latest updates and inspiration." description="Have questions about our shoes or need styling advice? Our team is here to help. Reach out to us through the form below or visit us on social media for the latest updates and inspiration."
buttons={[ buttons={[
{ {
text: "Send Message", text: "Send Message", href: "mailto:hello@montanabanks.com"},
href: "mailto:hello@montanabanks.com",
},
]} ]}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
@@ -61,13 +57,9 @@ export default function ContactPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Montana Banks" logoText="Montana Banks"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "/privacy"}}
href: "/privacy",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "/terms"}}
href: "/terms",
}}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

View File

@@ -5,7 +5,6 @@ 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 HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
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";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
@@ -13,10 +12,9 @@ import { Sparkles, Grid, Mail } from "lucide-react";
export default function HomePage() { export default function HomePage() {
const navItems = [ const navItems = [
{ name: "Shop Shoes", id: "shoes" }, { name: "Shop Shoes", id: "/shop" },
{ 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" },
]; ];
@@ -44,22 +42,20 @@ export default function HomePage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
title="Montana Banks — Elevated Streetwear" title="Montana Banks — Premium Footwear"
description="Modern shoes and clothing designed for everyday confidence. Premium quality meets streetwear aesthetics for the discerning urban lifestyle." description="Expertly crafted shoes designed for everyday confidence. Premium quality meets timeless design for the discerning urban lifestyle."
tag="New Collection" tag="New Collection"
tagIcon={Sparkles} tagIcon={Sparkles}
background={{ variant: "plain" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ {
text: "Shop Shoes", href: "/shop?category=shoes"}, text: "Shop Shoes", href: "/shop"},
{
text: "Shop Clothing", href: "/shop?category=clothing"},
]} ]}
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: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=1", imageAlt: "Featured Montana Banks shoes showcase"},
{ {
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: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=1", imageAlt: "Featured Montana Banks shoes collection"},
]} ]}
mediaAnimation="none" mediaAnimation="none"
rating={5} rating={5}
@@ -69,8 +65,8 @@ export default function HomePage() {
<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="Discover our best-selling footwear, curated for modern confidence and style."
tag="Best Sellers" tag="Best Sellers"
gridVariant="bento-grid" gridVariant="bento-grid"
animationType="slide-up" animationType="slide-up"
@@ -84,59 +80,41 @@ export default function HomePage() {
id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.00", rating: 5, id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.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: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=1", imageAlt: "black high top sneaker classic streetwear shoe"},
{ {
id: "3", brand: "Montana Banks", name: "Minimal Tech Hoodie", price: "$125.00", rating: 5, id: "3", brand: "Montana Banks", name: "Canvas Slip-On Classic", price: "$145.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: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=1", imageAlt: "canvas slip-on classic neutral color shoe"},
{ {
id: "4", brand: "Montana Banks", name: "Essential Oversized Tee", price: "$65.00", rating: 5, id: "4", brand: "Montana Banks", name: "Leather Chelsea Boot", 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: "http://img.b2bpic.net/free-vector/poster-design-with-mechanic-girl_1284-52594.jpg?_wi=1", imageAlt: "leather chelsea boot premium footwear"},
{ {
id: "5", brand: "Montana Banks", name: "Canvas Work Jacket", price: "$245.00", rating: 5, id: "5", brand: "Montana Banks", name: "Athletic Running Shoe", price: "$195.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: "421", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg?_wi=1", imageAlt: "athletic running shoe performance footwear"},
{ {
id: "6", brand: "Montana Banks", name: "Premium Leather Belt", price: "$95.00", rating: 5, id: "6", brand: "Montana Banks", name: "Minimalist Loafer", price: "$165.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: "734", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-photo-camera-outdoors_23-2149322530.jpg?_wi=1", imageAlt: "minimalist loafer elegant casual shoe"},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{
type: "text", content: "Montana Banks is built on the idea that"},
{
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"},
]}
useInvertedBackground={false}
buttons={[
{
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 Shoe Collections"
description="From premium footwear to elevated essentials, every category is designed with quality and style at the forefront." description="From premium sneakers to elegant dress shoes, every collection is designed with quality craftsmanship and timeless style."
tag="Categories" tag="Categories"
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: "sneakers", title: "Premium Sneakers", content: "Our signature line of premium sneakers crafted with the finest materials. Perfect for everyday wear with uncompromising quality."},
{ {
id: "hoodies", title: "Hoodies", content: "Minimal, oversized hoodies in premium fabrics. Perfect for layering or standalone statement pieces that define modern streetwear."}, id: "boots", title: "Boots & High-Tops", content: "Classic and contemporary boot designs built to last. From leather to canvas, each pair is engineered for durability and style."},
{ {
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: "casual", title: "Casual Everyday Shoes", content: "Comfortable casual shoes that transition seamlessly from work to weekend. Minimalist design meets maximum comfort."},
{ {
id: "jackets", title: "Jackets", content: "Technical and canvas jackets built for durability and style. Statement pieces that elevate any outfit instantly."}, id: "formal", title: "Formal & Dress Shoes", content: "Elegant dress shoes and loafers for professional and special occasions. Timeless designs that never go out of style."},
{ {
id: "accessories", title: "Accessories", content: "Thoughtfully curated accessories including belts, caps, and bags that complete your Montana Banks look."}, id: "specialty", title: "Specialty & Performance", content: "Specialized footwear designed for specific activities. From running to outdoor adventures, engineered for peak performance."},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=1"
imageAlt="Montana Banks collection showcase" imageAlt="Montana Banks shoe collection showcase"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
mediaPosition="left" mediaPosition="left"
@@ -145,8 +123,8 @@ export default function HomePage() {
<div id="lifestyle" data-section="lifestyle"> <div id="lifestyle" data-section="lifestyle">
<ProductCardTwo <ProductCardTwo
title="Lifestyle in Motion" title="Shoe Styling Inspiration"
description="See how Montana Banks products fit seamlessly into modern urban life. Real style, real confidence." description="Discover how Montana Banks footwear seamlessly integrates into modern urban lifestyles and everyday adventures."
tag="Inspiration" tag="Inspiration"
gridVariant="bento-grid-inverted" gridVariant="bento-grid-inverted"
animationType="opacity" animationType="opacity"
@@ -154,17 +132,17 @@ 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: "Montana Banks", name: "City Street Look", price: "Premium", 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: "http://img.b2bpic.net/free-photo/young-pretty-smiling-girl-with-longboard_158595-4173.jpg", imageAlt: "urban street style fashion person wearing sneakers"},
{ {
id: "2", brand: "Montana Banks", name: "Urban Explorer Look", price: "Elevated", rating: 5, id: "2", brand: "Montana Banks", name: "Weekend Explorer", price: "Elevated", 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: "http://img.b2bpic.net/free-photo/blonde-girl-with-shorts-road_1153-143.jpg", imageAlt: "weekend explorer adventure travel shoe style"},
{ {
id: "3", brand: "Montana Banks", name: "Casual Confidence", price: "Accessible", rating: 5, id: "3", brand: "Montana Banks", name: "Everyday Comfort", price: "Accessible", 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: "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: "everyday comfort casual shoe outfit"},
{ {
id: "4", brand: "Montana Banks", name: "Weekend Essential", price: "Versatile", rating: 5, id: "4", brand: "Montana Banks", name: "Professional Edge", price: "Versatile", 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: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg", imageAlt: "professional edge formal shoe outfit"},
]} ]}
/> />
</div> </div>
@@ -173,8 +151,8 @@ export default function HomePage() {
<ContactCTA <ContactCTA
tag="Exclusive Offer" tag="Exclusive Offer"
tagIcon={Mail} tagIcon={Mail}
title="Get 10% Off Your First Order" title="Get 10% Off Your First Pair"
description="Join the Montana Banks community and receive exclusive early access to new collections, style tips, and special offers delivered to your inbox." description="Join the Montana Banks community and receive exclusive early access to new collections, shoe care tips, and special offers delivered to your inbox."
buttons={[ buttons={[
{ {
text: "Sign Up Now", href: "/newsletter"}, text: "Sign Up Now", href: "/newsletter"},

View File

@@ -11,6 +11,13 @@ import { Sparkles, Grid, Mail } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
export default function ProductPage() { export default function ProductPage() {
const navItems = [
{ name: "Shop Shoes", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Instagram", id: "https://instagram.com" },
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
@@ -27,34 +34,27 @@ export default function ProductPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Montana Banks" brandName="Montana Banks"
navItems={[ navItems={navItems}
{ name: "Shop Shoes", id: "shoes" },
{ name: "Shop Clothing", id: "clothing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" },
{ name: "Instagram", id: "https://instagram.com" },
]}
button={{ button={{
text: "Shop Now", href: "#products"}} text: "Shop Now", href: "/shop"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
title="Montana Banks — Elevated Streetwear" title="Montana Banks — Premium Footwear"
description="Modern shoes and clothing designed for everyday confidence. Premium quality meets streetwear aesthetics for the discerning urban lifestyle." description="Expertly crafted shoes designed for everyday confidence. Premium quality meets timeless design for the discerning urban lifestyle."
tag="New Collection" tag="New Collection"
tagIcon={Sparkles} tagIcon={Sparkles}
background={{ variant: "plain" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ text: "Shop Shoes", href: "/shop?category=shoes" }, { text: "Shop Shoes", href: "/shop" },
{ text: "Shop Clothing", href: "/shop?category=clothing" },
]} ]}
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: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=2", imageAlt: "Featured Montana Banks shoes showcase"},
{ {
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: "http://img.b2bpic.net/free-photo/close-up-businesswoman-s-legs-step_176420-5716.jpg?_wi=2", imageAlt: "Featured Montana Banks shoes collection"},
]} ]}
mediaAnimation="none" mediaAnimation="none"
rating={5} rating={5}
@@ -72,20 +72,20 @@ export default function ProductPage() {
id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.00", rating: 5, id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.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: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=2", imageAlt: "Classic Black High-Top"},
{ {
id: "3", brand: "Montana Banks", name: "Minimal Tech Hoodie", price: "$125.00", rating: 5, id: "3", brand: "Montana Banks", name: "Canvas Slip-On Classic", price: "$145.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: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=2", imageAlt: "Canvas Slip-On Classic"},
{ {
id: "4", brand: "Montana Banks", name: "Essential Oversized Tee", price: "$65.00", rating: 5, id: "4", brand: "Montana Banks", name: "Leather Chelsea Boot", 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: "http://img.b2bpic.net/free-vector/poster-design-with-mechanic-girl_1284-52594.jpg?_wi=2", imageAlt: "Leather Chelsea Boot"},
{ {
id: "5", brand: "Montana Banks", name: "Canvas Work Jacket", price: "$245.00", rating: 5, id: "5", brand: "Montana Banks", name: "Athletic Running Shoe", price: "$195.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: "421", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg?_wi=2", imageAlt: "Athletic Running Shoe"},
{ {
id: "6", brand: "Montana Banks", name: "Premium Leather Belt", price: "$95.00", rating: 5, id: "6", brand: "Montana Banks", name: "Minimalist Loafer", price: "$165.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: "734", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-photo-camera-outdoors_23-2149322530.jpg?_wi=2", imageAlt: "Minimalist Loafer"},
]} ]}
title="Featured Products" title="Featured Shoes"
description="Discover our best-selling shoes and trending clothing items, curated for modern confidence." description="Discover our best-selling footwear, curated for modern confidence and style."
tag="Best Sellers" tag="Best Sellers"
gridVariant="bento-grid" gridVariant="bento-grid"
animationType="slide-up" animationType="slide-up"
@@ -96,21 +96,21 @@ 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 Shoe Collections"
description="From premium footwear to elevated essentials, every category is designed with quality and style at the forefront." description="From premium sneakers to elegant dress shoes, every collection is designed with quality craftsmanship and timeless style."
tag="Categories" tag="Categories"
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: "sneakers", title: "Premium Sneakers", content: "Our signature line of premium sneakers crafted with the finest materials. Perfect for everyday wear with uncompromising quality."},
{ {
id: "hoodies", title: "Hoodies", content: "Minimal, oversized hoodies in premium fabrics. Perfect for layering or standalone statement pieces that define modern streetwear."}, id: "boots", title: "Boots & High-Tops", content: "Classic and contemporary boot designs built to last. From leather to canvas, each pair is engineered for durability and style."},
{ {
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: "casual", title: "Casual Everyday Shoes", content: "Comfortable casual shoes that transition seamlessly from work to weekend. Minimalist design meets maximum comfort."},
{ {
id: "jackets", title: "Jackets", content: "Technical and canvas jackets built for durability and style. Statement pieces that elevate any outfit instantly."}, id: "formal", title: "Formal & Dress Shoes", content: "Elegant dress shoes and loafers for professional and special occasions. Timeless designs that never go out of style."},
{ {
id: "accessories", title: "Accessories", content: "Thoughtfully curated accessories including belts, caps, and bags that complete your Montana Banks look."}, id: "specialty", title: "Specialty & Performance", content: "Specialized footwear designed for specific activities. From running to outdoor adventures, engineered for peak performance."},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg?_wi=2"
imageAlt="Montana Banks collection showcase" imageAlt="Montana Banks collection showcase"
@@ -124,8 +124,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="Get 10% Off Your First Pair"
description="Join the Montana Banks community and receive exclusive early access to new collections, style tips, and special offers delivered to your inbox." description="Join the Montana Banks community and receive exclusive early access to new collections, shoe care tips, and special offers delivered to your inbox."
buttons={[{ text: "Sign Up Now", href: "/newsletter" }]} buttons={[{ text: "Sign Up Now", href: "/newsletter" }]}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}

View File

@@ -10,10 +10,9 @@ import { Mail } from "lucide-react";
export default function ShopPage() { export default function ShopPage() {
const navItems = [ const navItems = [
{ name: "Shop Shoes", id: "shoes" }, { name: "Shop Shoes", id: "/shop" },
{ 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" },
]; ];
@@ -35,82 +34,38 @@ export default function ShopPage() {
brandName="Montana Banks" brandName="Montana Banks"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/shop"}}
href: "/shop",
}}
/> />
</div> </div>
<div id="all-products" data-section="all-products"> <div id="all-products" data-section="all-products">
<ProductCardTwo <ProductCardTwo
title="Complete Collection" title="Complete Shoe Collection"
description="Browse our entire range of premium shoes and elevated clothing. Find your perfect fit and style today." description="Browse our entire range of premium footwear. Find your perfect pair and style today."
tag="All Products" tag="All Shoes"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", brand: "Montana Banks", name: "Urban Stride Premium Sneaker", price: "$185.00", rating: 5,
brand: "Montana Banks", 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 white gray minimalist"},
name: "Urban Stride Premium Sneaker",
price: "$185.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 white gray minimalist",
},
{ {
id: "2", id: "2", brand: "Montana Banks", name: "Classic Black High-Top", price: "$175.00", rating: 5,
brand: "Montana Banks", reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=2", imageAlt: "black high top sneaker classic streetwear shoe"},
name: "Classic Black High-Top",
price: "$175.00",
rating: 5,
reviewCount: "892",
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-playing-basketball_23-2147888387.jpg?_wi=2",
imageAlt: "black high top sneaker classic streetwear shoe",
},
{ {
id: "3", id: "3", brand: "Montana Banks", name: "Canvas Slip-On Classic", price: "$145.00", rating: 5,
brand: "Montana Banks", reviewCount: "658", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=2", imageAlt: "canvas slip-on classic neutral color shoe"},
name: "Minimal Tech Hoodie",
price: "$125.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 neutral color streetwear",
},
{ {
id: "4", id: "4", brand: "Montana Banks", name: "Leather Chelsea Boot", price: "$225.00", rating: 5,
brand: "Montana Banks", reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-vector/poster-design-with-mechanic-girl_1284-52594.jpg?_wi=2", imageAlt: "leather chelsea boot premium streetwear outerwear"},
name: "Essential Oversized Tee",
price: "$65.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 t-shirt clean minimalist",
},
{ {
id: "5", id: "5", brand: "Montana Banks", name: "Athletic Running Shoe", price: "$195.00", rating: 5,
brand: "Montana Banks", reviewCount: "421", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg?_wi=2", imageAlt: "athletic running shoe premium footwear"},
name: "Canvas Work Jacket",
price: "$245.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 premium streetwear outerwear",
},
{ {
id: "6", id: "6", brand: "Montana Banks", name: "Minimalist Loafer", price: "$165.00", rating: 5,
brand: "Montana Banks", reviewCount: "734", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-photo-camera-outdoors_23-2149322530.jpg?_wi=2", imageAlt: "minimalist loafer elegant casual shoe product"},
name: "Premium Leather Belt",
price: "$95.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 minimalist accessory product",
},
]} ]}
/> />
</div> </div>
@@ -119,13 +74,11 @@ export default function ShopPage() {
<ContactCTA <ContactCTA
tag="Stay Updated" tag="Stay Updated"
tagIcon={Mail} tagIcon={Mail}
title="Discover New Drops First" title="Discover New Shoes First"
description="Get exclusive access to new collections, limited editions, and member-only sales. Join the Montana Banks community today." description="Get exclusive access to new collections, limited editions, and member-only sales. Join the Montana Banks community today."
buttons={[ buttons={[
{ {
text: "Join Now", text: "Join Now", href: "/newsletter"},
href: "/newsletter",
},
]} ]}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
@@ -136,13 +89,9 @@ export default function ShopPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Montana Banks" logoText="Montana Banks"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "/privacy"}}
href: "/privacy",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "/terms"}}
href: "/terms",
}}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>