Merge version_1 into main #2
144
src/app/page.tsx
144
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Technology", id: "features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Showcase", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FLEX"
|
||||
/>
|
||||
@@ -68,29 +60,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Luminous Fibers",
|
||||
tags: [
|
||||
"Innovation",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/close-up-of-high-quality-fabric-texture--1774630288119-2b77182c.png",
|
||||
},
|
||||
id: "f1", title: "Luminous Fibers", tags: [
|
||||
"Innovation"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/close-up-of-high-quality-fabric-texture--1774630288119-2b77182c.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Energy-Efficient Design",
|
||||
tags: [
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/minimalist-digital-representation-of-a-s-1774630288492-e36e2a99.png",
|
||||
},
|
||||
id: "f2", title: "Energy-Efficient Design", tags: [
|
||||
"Tech"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/minimalist-digital-representation-of-a-s-1774630288492-e36e2a99.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Data-Driven Aesthetics",
|
||||
tags: [
|
||||
"Future",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/futuristic-textile-being-scanned-by-a-ho-1774630287664-f54fd535.png",
|
||||
},
|
||||
id: "f3", title: "Data-Driven Aesthetics", tags: [
|
||||
"Future"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/futuristic-textile-being-scanned-by-a-ho-1774630287664-f54fd535.png"},
|
||||
]}
|
||||
title="ENGINEERED MOTION"
|
||||
description="Our garments are not just clothes; they are dynamic canvases."
|
||||
@@ -100,27 +80,16 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Golden Wave Shirt",
|
||||
price: "$450",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-black-shirt-on-a-mannequin-glowin-1774630287764-c673b3a3.png",
|
||||
},
|
||||
id: "p1", name: "Golden Wave Shirt", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-black-shirt-on-a-mannequin-glowin-1774630287764-c673b3a3.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bioluminescence Hoodie",
|
||||
price: "$690",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/black-hoodie-with-intricate-bioluminesce-1774630287981-696cb3ca.png",
|
||||
},
|
||||
id: "p2", name: "Bioluminescence Hoodie", price: "$690", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/black-hoodie-with-intricate-bioluminesce-1774630287981-696cb3ca.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Kinetic Tee",
|
||||
price: "$320",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/premium-white-shirt-with-minimalist-digi-1774630288879-2b250ce1.png",
|
||||
},
|
||||
id: "p3", name: "Minimalist Kinetic Tee", price: "$320", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/premium-white-shirt-with-minimalist-digi-1774630288879-2b250ce1.png"},
|
||||
]}
|
||||
title="CURRENT COLLECTION"
|
||||
description="Discover our limited edition series."
|
||||
@@ -135,20 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Global Patterns",
|
||||
},
|
||||
id: "m1", value: "120+", description: "Global Patterns"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Battery Life",
|
||||
},
|
||||
id: "m2", value: "24h", description: "Battery Life"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5K",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m3", value: "5K", description: "Happy Clients"},
|
||||
]}
|
||||
title="BY THE NUMBERS"
|
||||
description="Excellence defined."
|
||||
@@ -160,14 +120,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Hypebeast",
|
||||
"GQ",
|
||||
"Wired",
|
||||
"TechCrunch",
|
||||
"Highsnobiety",
|
||||
"Forbes",
|
||||
]}
|
||||
"Vogue", "Hypebeast", "GQ", "Wired", "TechCrunch", "Highsnobiety", "Forbes"]}
|
||||
title="FEATURED IN"
|
||||
description="Leading global fashion publications."
|
||||
/>
|
||||
@@ -179,45 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "True Innovation",
|
||||
quote: "FLEX changed how I perceive fashion. It's truly revolutionary.",
|
||||
name: "Alex R.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-fashion-studio-workspace-with-dig-1774630289393-35b46561.png?_wi=1",
|
||||
},
|
||||
id: "1", title: "True Innovation", quote: "FLEX changed how I perceive fashion. It's truly revolutionary.", name: "Alex R.", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-fashion-studio-workspace-with-dig-1774630289393-35b46561.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Elegant Motion",
|
||||
quote: "The light patterns are subtle yet incredibly captivating.",
|
||||
name: "Maria L.",
|
||||
role: "Tech Investor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/close-up-of-an-animated-fabric-swatch-sh-1774630291217-77ed0072.png",
|
||||
},
|
||||
id: "2", title: "Elegant Motion", quote: "The light patterns are subtle yet incredibly captivating.", name: "Maria L.", role: "Tech Investor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/close-up-of-an-animated-fabric-swatch-sh-1774630291217-77ed0072.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Stunning Craftsmanship",
|
||||
quote: "You can tell the quality is unmatched immediately.",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/fashion-shoot-set-lighting-with-models-a-1774630293891-8367c933.png",
|
||||
},
|
||||
id: "3", title: "Stunning Craftsmanship", quote: "You can tell the quality is unmatched immediately.", name: "David K.", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/fashion-shoot-set-lighting-with-models-a-1774630293891-8367c933.png"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Futuristic Standard",
|
||||
quote: "FLEX is not just clothing; it's a conversation starter.",
|
||||
name: "Sophia W.",
|
||||
role: "Art Collector",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/designer-holding-a-high-tech-animated-ga-1774630287929-6520c92a.png",
|
||||
},
|
||||
id: "4", title: "Futuristic Standard", quote: "FLEX is not just clothing; it's a conversation starter.", name: "Sophia W.", role: "Art Collector", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/designer-holding-a-high-tech-animated-ga-1774630287929-6520c92a.png"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Unrivaled Quality",
|
||||
quote: "The integration of technology and fabric is seamless.",
|
||||
name: "Jordan P.",
|
||||
role: "Fashion Critic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-fashion-studio-workspace-with-dig-1774630289393-35b46561.png?_wi=2",
|
||||
},
|
||||
id: "5", title: "Unrivaled Quality", quote: "The integration of technology and fabric is seamless.", name: "Jordan P.", role: "Fashion Critic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKzbqy9Mn8BKoOxzt7OMkZbnw/luxury-fashion-studio-workspace-with-dig-1774630289393-35b46561.png"},
|
||||
]}
|
||||
title="THE FLEX EXPERIENCE"
|
||||
description="Hear what our elite community says."
|
||||
@@ -228,14 +151,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join the elite waiting list for the next drop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,13 +164,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="FLEX"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user