Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -28,131 +28,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Newsletter",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Newsletter", id: "contact" }
|
||||
]}
|
||||
brandName="VOXE"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Walk in every story"
|
||||
description="VOXE represents the pinnacle of craftsmanship, where every step defines your legacy. Discover the art of modern footwear."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eleanor Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "The most comfortable luxury shoe I've ever owned. Pure art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186782.jpg?_wi=1",
|
||||
imageAlt: "luxury shoe fashion photography",
|
||||
},
|
||||
{
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "VOXE defines elegance. Exquisite leather craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg?_wi=1",
|
||||
imageAlt: "luxury mens oxford shoes studio",
|
||||
},
|
||||
{
|
||||
name: "Sophia Moretti",
|
||||
handle: "@smoretti",
|
||||
testimonial: "A timeless piece for my collection. Absolutely stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg?_wi=1",
|
||||
imageAlt: "luxury women's leather heels studio",
|
||||
},
|
||||
{
|
||||
name: "Marcus Aurelius",
|
||||
handle: "@maurelius",
|
||||
testimonial: "Sophistication in every detail. Unmatched quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg?_wi=1",
|
||||
imageAlt: "designer leather boots studio shot",
|
||||
},
|
||||
{
|
||||
name: "Diana Prince",
|
||||
handle: "@dprince",
|
||||
testimonial: "VOXE shoes are simply transformative. A must-have.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg?_wi=1",
|
||||
imageAlt: "luxury loafers tan leather",
|
||||
},
|
||||
{ name: "Eleanor Vance", handle: "@evance", testimonial: "The most comfortable luxury shoe I've ever owned. Pure art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186782.jpg", imageAlt: "luxury shoe fashion photography" },
|
||||
{ name: "Julian Thorne", handle: "@jthorne", testimonial: "VOXE defines elegance. Exquisite leather craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg", imageAlt: "luxury mens oxford shoes studio" },
|
||||
{ name: "Sophia Moretti", handle: "@smoretti", testimonial: "A timeless piece for my collection. Absolutely stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg", imageAlt: "luxury women's leather heels studio" },
|
||||
{ name: "Marcus Aurelius", handle: "@maurelius", testimonial: "Sophistication in every detail. Unmatched quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg", imageAlt: "designer leather boots studio shot" },
|
||||
{ name: "Diana Prince", handle: "@dprince", testimonial: "VOXE shoes are simply transformative. A must-have.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg", imageAlt: "luxury loafers tan leather" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Shop Women",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186782.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Men", href: "#products" }, { text: "Shop Women", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186782.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Heritage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Uncompromising Quality",
|
||||
},
|
||||
{ type: "text", text: "Handcrafted Excellence" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Timeless Design" },
|
||||
{ type: "text", text: "Global Heritage" },
|
||||
{ type: "text", text: "Uncompromising Quality" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Obsidian Oxford",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Amber Grace Heels",
|
||||
price: "$720",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Heritage Leather Boot",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Velvet Loafer",
|
||||
price: "$680",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Derby",
|
||||
price: "$790",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Elegance Stiletto",
|
||||
price: "$880",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-fashion-woman-accessories-golden-heeled-shoes-little-evening-purse-elegant-style-vintage-style-sandals-footwear_285396-7262.jpg",
|
||||
},
|
||||
{ id: "1", name: "The Obsidian Oxford", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3607.jpg" },
|
||||
{ id: "2", name: "Amber Grace Heels", price: "$720", imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-black-red-high-heels-sitting-posing-chair-studio-against-dark-brick-wall-studio-model-portrait_627829-7841.jpg" },
|
||||
{ id: "3", name: "Heritage Leather Boot", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/boots-woman-autumnal-forest_329181-17144.jpg" },
|
||||
{ id: "4", name: "Velvet Loafer", price: "$680", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8546.jpg" },
|
||||
{ id: "5", name: "Modern Derby", price: "$790", imageSrc: "http://img.b2bpic.net/free-photo/groom-wedding-shoes_1303-10490.jpg" },
|
||||
{ id: "6", name: "Elegance Stiletto", price: "$880", imageSrc: "http://img.b2bpic.net/free-photo/luxury-fashion-woman-accessories-golden-heeled-shoes-little-evening-purse-elegant-style-vintage-style-sandals-footwear_285396-7262.jpg" }
|
||||
]}
|
||||
title="Iconic Collections"
|
||||
description="Discover our signature footwear, crafted to last a lifetime."
|
||||
@@ -212,77 +95,36 @@ export default function LandingPage() {
|
||||
title="A Legacy of Craftsmanship"
|
||||
description="VOXE was founded on the belief that luxury should be felt in every step. We source only the finest leathers, ensuring our shoes age with grace and integrity."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+",
|
||||
title: "Years of Tradition",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Craftsmanship Per Shoe",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Ethical Sourcing",
|
||||
},
|
||||
{ value: "120+", title: "Years of Tradition" },
|
||||
{ value: "24h", title: "Craftsmanship Per Shoe" },
|
||||
{ value: "100%", title: "Ethical Sourcing" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bootmaker-workshop-making-shoes_171337-12278.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bootmaker-workshop-making-shoes_171337-12278.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Featured In"
|
||||
description="Joining the ranks of the world's most sophisticated editorial publications."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HARPER'S BAZAAR",
|
||||
"GQ",
|
||||
"ESQUIRE",
|
||||
"L'OFFICIEL",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join the VOXE Circle"
|
||||
description="Sign up for early access to our limited collections and receive an exclusive 10% incentive on your first pair."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
mediaPosition="left"
|
||||
buttonText="Subscribe & Save 10%"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bootmaker-workshop-making-shoes_171337-12278.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bootmaker-workshop-making-shoes_171337-12278.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="VOXE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user