Merge version_1 into main #1
376
src/app/page.tsx
376
src/app/page.tsx
@@ -27,276 +27,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CottonAura"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CottonAura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Elevate Your Game with CottonAura"
|
||||
description="Premium sportswear designed for high performance, comfort, and style. Join the movement today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-boxer-trainer-posing-gym_23-2148426233.jpg"
|
||||
imageAlt="Modern high-end sportswear store display with neon blue accents"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Elevate Your Game with CottonAura"
|
||||
description="Premium sportswear designed for high performance, comfort, and style. Join the movement today."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Subscribe", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-boxer-trainer-posing-gym_23-2148426233.jpg"
|
||||
imageAlt="Modern high-end sportswear store display with neon blue accents"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Driven"
|
||||
description="At CottonAura, we believe that high-quality apparel should empower your movement. We blend innovative fabric technology with minimalist design to bring you gear that performs as hard as you do."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Fabrics that adapt to your body and intensity.",
|
||||
},
|
||||
{
|
||||
title: "Minimalist Aesthetic",
|
||||
description: "Timeless designs that look as good on the street as in the gym.",
|
||||
},
|
||||
{
|
||||
title: "Athlete-Tested",
|
||||
description: "Rigorous testing to ensure durability and comfort.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-abstract-texture-background_1373-172.jpg"
|
||||
imageAlt="High-quality breathable sportswear fabric texture close up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Driven"
|
||||
description="At CottonAura, we believe that high-quality apparel should empower your movement. We blend innovative fabric technology with minimalist design to bring you gear that performs as hard as you do."
|
||||
bulletPoints={[
|
||||
{ title: "Precision Engineering", description: "Fabrics that adapt to your body and intensity." },
|
||||
{ title: "Minimalist Aesthetic", description: "Timeless designs that look as good on the street as in the gym." },
|
||||
{ title: "Athlete-Tested", description: "Rigorous testing to ensure durability and comfort." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-abstract-texture-background_1373-172.jpg"
|
||||
imageAlt="High-quality breathable sportswear fabric texture close up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat1",
|
||||
title: "Lightweight Performance",
|
||||
author: "Pro Athlete Choice",
|
||||
description: "Engineered for maximum speed and minimal restriction.",
|
||||
tags: [
|
||||
"Performance",
|
||||
"Lightweight",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sports-shoe-with-elegant-shoelace-generated-by-ai_188544-19647.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat2",
|
||||
title: "Advanced Wicking",
|
||||
author: "Tech Team",
|
||||
description: "Stay dry and cool with our moisture-wicking technology.",
|
||||
tags: [
|
||||
"Wicking",
|
||||
"Dry",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-athletic-wear-outdoors_23-2148773855.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat3",
|
||||
title: "Durable Accessories",
|
||||
author: "Quality Assurance",
|
||||
description: "Rugged gear built to withstand your daily grind.",
|
||||
tags: [
|
||||
"Durable",
|
||||
"Accessories",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-sport-elements_23-2149006303.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance Focused Features"
|
||||
description="Everything we design is geared towards your personal best."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "feat1", title: "Lightweight Performance", author: "Pro Athlete Choice", description: "Engineered for maximum speed and minimal restriction.", tags: ["Performance", "Lightweight"], imageSrc: "http://img.b2bpic.net/free-photo/black-leather-sports-shoe-with-elegant-shoelace-generated-by-ai_188544-19647.jpg" },
|
||||
{ id: "feat2", title: "Advanced Wicking", author: "Tech Team", description: "Stay dry and cool with our moisture-wicking technology.", tags: ["Wicking", "Dry"], imageSrc: "http://img.b2bpic.net/free-photo/man-athletic-wear-outdoors_23-2148773855.jpg" },
|
||||
{ id: "feat3", title: "Durable Accessories", author: "Quality Assurance", description: "Rugged gear built to withstand your daily grind.", tags: ["Durable", "Accessories"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-sport-elements_23-2149006303.jpg" },
|
||||
]}
|
||||
title="Performance Focused Features"
|
||||
description="Everything we design is geared towards your personal best."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Performance Hoodie",
|
||||
price: "$85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Technical Compression Leggings",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-performer-dancing-escalators_23-2149344075.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Performance Running Cap",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275217.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Seamless Training Shorts",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-sportswear_140725-16439.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ergo Grip Water Bottle",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-using-her-mobile-phone-relaxing-after-work-out-outdoors-sport-healthy-lifestyle_58466-14699.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Athletic Comfort Socks",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-woman-fitness-clothes_23-2148197739.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our latest arrivals designed for excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Elite Performance Hoodie", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg" },
|
||||
{ id: "p2", name: "Technical Compression Leggings", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/young-male-performer-dancing-escalators_23-2149344075.jpg" },
|
||||
{ id: "p3", name: "Performance Running Cap", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275217.jpg" },
|
||||
{ id: "p4", name: "Seamless Training Shorts", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-sportswear_140725-16439.jpg" },
|
||||
{ id: "p5", name: "Ergo Grip Water Bottle", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/athletic-woman-using-her-mobile-phone-relaxing-after-work-out-outdoors-sport-healthy-lifestyle_58466-14699.jpg" },
|
||||
{ id: "p6", name: "Athletic Comfort Socks", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-woman-fitness-clothes_23-2148197739.jpg" },
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our latest arrivals designed for excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Marathon Runner",
|
||||
company: "Global Runner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-young-man-race-track_23-2148162181.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Chen",
|
||||
role: "Crossfit Athlete",
|
||||
company: "IronBox",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-sports-concept-with-young-woman_23-2147988229.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ali Amaan",
|
||||
role: "Pro Soccer",
|
||||
company: "City Stars",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toned-young-beautiful-dark-haired-woman-athlete-wearing-sportswear-standing-holding-blue-fitness-mat_176532-9758.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Yoga Instructor",
|
||||
company: "Zen Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David K.",
|
||||
role: "Weightlifter",
|
||||
company: "Strength Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-with-tattoo-practicing-morning-yoga-home-sitting-floor-bedroom-doing-ardha-matsyendrasana_343059-940.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="See why top competitors choose CottonAura."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Marathon Runner", company: "Global Runner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-young-man-race-track_23-2148162181.jpg" },
|
||||
{ id: "2", name: "Mike Chen", role: "Crossfit Athlete", company: "IronBox", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/urban-sports-concept-with-young-woman_23-2147988229.jpg" },
|
||||
{ id: "3", name: "Ali Amaan", role: "Pro Soccer", company: "City Stars", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/toned-young-beautiful-dark-haired-woman-athlete-wearing-sportswear-standing-holding-blue-fitness-mat_176532-9758.jpg" },
|
||||
{ id: "4", name: "Emily R.", role: "Yoga Instructor", company: "Zen Flow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg" },
|
||||
{ id: "5", name: "David K.", role: "Weightlifter", company: "Strength Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-with-tattoo-practicing-morning-yoga-home-sitting-floor-bedroom-doing-ardha-matsyendrasana_343059-940.jpg" },
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="See why top competitors choose CottonAura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about our collection or store? We're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-look-with-black-white-striped-suit-jacket-leather-pants-posing-street-against-large-windows-building-concept-fashion-girl_627829-11650.jpg"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about our collection or store? We're here to help."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-look-with-black-white-striped-suit-jacket-leather-pants-posing-street-against-large-windows-building-concept-fashion-girl_627829-11650.jpg"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CottonAura"
|
||||
copyrightText="© 2025 CottonAura. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CottonAura"
|
||||
copyrightText="© 2025 CottonAura. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user