Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 21:00:05 +00:00

View File

@@ -17,428 +17,190 @@ import { Award, Star, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="VERADO"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="VERADO"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
title="Unrivaled Elegance"
description="Redefining contemporary style with the VERADO aesthetic. Premium quality clothing designed for the modern individual."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880231.jpg?_wi=1",
imageAlt: "Model 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg?_wi=1",
imageAlt: "Model 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg",
imageAlt: "Model 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
imageAlt: "Model 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg",
imageAlt: "Model 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg",
imageAlt: "Model 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275131.jpg",
imageAlt: "Model A",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-sunglasses_23-2149267431.jpg",
imageAlt: "Model B",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-cool-woman-posing-outdoors_23-2149409724.jpg",
imageAlt: "Model C",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2723.jpg",
imageAlt: "Model D",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg",
imageAlt: "Model E",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-brunette-curly-woman-burgundy-pants-trendy-white-blouse-looks-into-camera-poses-near-white-wooden-doors_197531-29877.jpg",
imageAlt: "Model F",
},
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/brunette-curly-haired-long-legs-girl-black-leather-jacket-with-swimmsuit-cap-posed-studio-chair-against-dark-brick-wall_627829-7825.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/mournful-female-dressed-all-black-black-funeral-grief-death-sadness_179666-42770.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409076.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267430.jpg",
alt: "Customer 5",
},
]}
avatarText="Join 10,000+ fashion enthusiasts"
marqueeItems={[
{
type: "text",
text: "PREMIUM QUALITY",
},
{
type: "text",
text: "MINIMALIST AESTHETIC",
},
{
type: "text",
text: "LUXURY STREETWEAR",
},
{
type: "text",
text: "TIMELESS DESIGN",
},
{
type: "text",
text: "ETHICALLY SOURCED",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "radial-gradient" }}
title="Unrivaled Elegance"
description="Redefining contemporary style with the VERADO aesthetic. Premium quality clothing designed for the modern individual."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880231.jpg", imageAlt: "Model 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg", imageAlt: "Model 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg", imageAlt: "Model 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg", imageAlt: "Model 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg", imageAlt: "Model 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg", imageAlt: "Model 6" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275131.jpg", imageAlt: "Model A" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-sunglasses_23-2149267431.jpg", imageAlt: "Model B" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-cool-woman-posing-outdoors_23-2149409724.jpg", imageAlt: "Model C" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2723.jpg", imageAlt: "Model D" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg", imageAlt: "Model E" },
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-brunette-curly-woman-burgundy-pants-trendy-white-blouse-looks-into-camera-poses-near-white-wooden-doors_197531-29877.jpg", imageAlt: "Model F" }
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/brunette-curly-haired-long-legs-girl-black-leather-jacket-with-swimmsuit-cap-posed-studio-chair-against-dark-brick-wall_627829-7825.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/mournful-female-dressed-all-black-black-funeral-grief-death-sadness_179666-42770.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409076.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267430.jpg", alt: "Customer 5" }
]}
avatarText="Join 10,000+ fashion enthusiasts"
marqueeItems={[
{ type: "text", text: "PREMIUM QUALITY" },
{ type: "text", text: "MINIMALIST AESTHETIC" },
{ type: "text", text: "LUXURY STREETWEAR" },
{ type: "text", text: "TIMELESS DESIGN" },
{ type: "text", text: "ETHICALLY SOURCED" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="The Verado Difference"
description="We blend luxury sensibilities with modern streetwear comfort. Every piece is an extension of identity."
metrics={[
{
value: "10k+",
title: "Happy Customers",
},
{
value: "100%",
title: "Premium Fabric",
},
{
value: "50+",
title: "New Designs",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="The Verado Difference"
description="We blend luxury sensibilities with modern streetwear comfort. Every piece is an extension of identity."
metrics={[
{ value: "10k+", title: "Happy Customers" },
{ value: "100%", title: "Premium Fabric" },
{ value: "50+", title: "New Designs" }
]}
imageSrc="http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Minimal Hoodie",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-936.jpg?_wi=1",
},
{
id: "p2",
name: "Essential Tee",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg",
},
{
id: "p3",
name: "Urban Cargo",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-with-hoodie_23-2149359814.jpg",
},
{
id: "p4",
name: "Street Jacket",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-wearing-headphones_23-2149829758.jpg",
},
{
id: "p5",
name: "Relaxed Fit Pant",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-closed-eyes-wearing-hoodie_23-2149123040.jpg",
},
{
id: "p6",
name: "Logo Cap",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-990.jpg",
},
]}
title="Signature Collection"
description="Explore our hand-crafted streetwear essentials."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Minimal Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-936.jpg" },
{ id: "p2", name: "Essential Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg" },
{ id: "p3", name: "Urban Cargo", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-with-hoodie_23-2149359814.jpg" },
{ id: "p4", name: "Street Jacket", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-wearing-headphones_23-2149829758.jpg" },
{ id: "p5", name: "Relaxed Fit Pant", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-closed-eyes-wearing-hoodie_23-2149123040.jpg" },
{ id: "p6", name: "Logo Cap", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-990.jpg" }
]}
title="Signature Collection"
description="Explore our hand-crafted streetwear essentials."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "1",
icon: Star,
title: "Global Rating",
value: "4.9/5",
},
{
id: "2",
icon: Award,
title: "Design Award",
value: "2024",
},
{
id: "3",
icon: Users,
title: "Indian Market",
value: "High Growth",
},
]}
title="Quality In Numbers"
description="Data-driven comfort and global fashion reach."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "1", icon: Star, title: "Global Rating", value: "4.9/5" },
{ id: "2", icon: Award, title: "Design Award", value: "2024" },
{ id: "3", icon: Users, title: "Indian Market", value: "High Growth" }
]}
title="Quality In Numbers"
description="Data-driven comfort and global fashion reach."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue India",
"GQ India",
"Elle Style",
"Harper's Bazaar",
"Grazia",
"Cosmopolitan",
"Femina",
]}
title="Featured In"
description="Recognized across leading fashion publications."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue India", "GQ India", "Elle Style", "Harper's Bazaar", "Grazia", "Cosmopolitan", "Femina"
]}
title="Featured In"
description="Recognized across leading fashion publications."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Aarav Sharma",
date: "Jan 2025",
title: "Excellent Quality",
quote: "The fabric quality is unmatched. Truly premium feel.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432345.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880231.jpg?_wi=2",
imageAlt: "happy customer fashion",
},
{
id: "2",
name: "Priya Singh",
date: "Dec 2024",
title: "Style Icon",
quote: "Verado fits perfectly with my aesthetic needs.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-drinking-coffee-outdoors_23-2149462137.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg?_wi=2",
imageAlt: "happy customer fashion",
},
{
id: "3",
name: "Rahul Verma",
date: "Dec 2024",
title: "Fast Delivery",
quote: "Arrived earlier than expected. Great packaging.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-skateboard-skate-park_181624-24625.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-936.jpg?_wi=2",
imageAlt: "happy customer fashion",
},
{
id: "4",
name: "Ananya Reddy",
date: "Nov 2024",
title: "Must Have",
quote: "Simply the most stylish hoodies in the market.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-friends-shopping-together_1301-6734.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=236dor",
imageAlt: "happy customer fashion",
},
{
id: "5",
name: "Vikram Seth",
date: "Nov 2024",
title: "Worth Every Penny",
quote: "Love the minimalist design. Keep it up!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/teenager-outdoors-listening-music-headphones-while-using-smartphone_23-2148758491.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg?_wi=2",
imageAlt: "happy customer fashion",
},
]}
title="Customer Stories"
description="Hear from our community across India."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Aarav Sharma", date: "Jan 2025", title: "Excellent Quality", quote: "The fabric quality is unmatched. Truly premium feel.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432345.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880231.jpg", imageAlt: "happy customer fashion" },
{ id: "2", name: "Priya Singh", date: "Dec 2024", title: "Style Icon", quote: "Verado fits perfectly with my aesthetic needs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-drinking-coffee-outdoors_23-2149462137.jpg", imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-surface-grey-textured-background_23-2148114556.jpg", imageAlt: "happy customer fashion" },
{ id: "3", name: "Rahul Verma", date: "Dec 2024", title: "Fast Delivery", quote: "Arrived earlier than expected. Great packaging.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-skateboard-skate-park_181624-24625.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-936.jpg", imageAlt: "happy customer fashion" },
{ id: "4", name: "Ananya Reddy", date: "Nov 2024", title: "Must Have", quote: "Simply the most stylish hoodies in the market.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-friends-shopping-together_1301-6734.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=236dor", imageAlt: "happy customer fashion" },
{ id: "5", name: "Vikram Seth", date: "Nov 2024", title: "Worth Every Penny", quote: "Love the minimalist design. Keep it up!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-outdoors-listening-music-headphones-while-using-smartphone_23-2148758491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg", imageAlt: "happy customer fashion" }
]}
title="Customer Stories"
description="Hear from our community across India."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Shipping in India?",
content: "Yes, we ship nationwide across all Indian states.",
},
{
id: "2",
title: "Return Policy?",
content: "30 days no-questions-asked returns.",
},
{
id: "3",
title: "Sustainable?",
content: "We use ethically sourced materials.",
},
]}
title="Frequently Asked"
description="Everything you need to know."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-944.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Shipping in India?", content: "Yes, we ship nationwide across all Indian states." },
{ id: "2", title: "Return Policy?", content: "30 days no-questions-asked returns." },
{ id: "3", title: "Sustainable?", content: "We use ethically sourced materials." }
]}
title="Frequently Asked"
description="Everything you need to know."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-944.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Inbound Sales"
title="Get a Quote"
description="Request wholesale or custom orders from our team."
inputPlaceholder="Enter your work email"
buttonText="Submit Request"
imageSrc="http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-summer-fashion-style-trend_285396-10754.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Inbound Sales"
title="Get a Quote"
description="Request wholesale or custom orders from our team."
inputPlaceholder="Enter your work email"
buttonText="Submit Request"
imageSrc="http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-summer-fashion-style-trend_285396-10754.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/stylish-senior-woman-enjoying-snow_23-2148399518.jpg"
logoText="VERADO"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "New Arrivals",
href: "#products",
},
],
},
{
title: "Brand",
items: [
{
label: "About",
href: "#about",
},
{
label: "Press",
href: "#social",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Returns",
href: "#faq",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/stylish-senior-woman-enjoying-snow_23-2148399518.jpg"
logoText="VERADO"
columns={[
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#products" }] },
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Press", href: "#social" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Returns", href: "#faq" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);