Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
455
src/app/page.tsx
455
src/app/page.tsx
@@ -27,344 +27,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "best-sellers",
|
||||
},
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "new-collection",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="VELORA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "best-sellers" },
|
||||
{ name: "New Arrivals", id: "new-collection" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="VELORA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance."
|
||||
description="Discover the latest collection from Velora—where luxury meets modern minimalism."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-353.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2704.jpg",
|
||||
alt: "Fashion portrait of young elegant woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-model-pantyhose-stockings_23-2149129834.jpg",
|
||||
alt: "Beautiful female model in pantyhose stockings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blond-female-with-blue-eyes-white-clothes_613910-10588.jpg",
|
||||
alt: "Portrait of blond female with blue eyes and in white clothes.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071310.jpg",
|
||||
alt: "Portrait of beautiful asian woman in autumn clothes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg",
|
||||
alt: "Portrait of stylish woman posing in a fashionable outfit",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance."
|
||||
description="Discover the latest collection from Velora—where luxury meets modern minimalism."
|
||||
buttons={[{ text: "Shop Now", href: "#best-sellers" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-353.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2704.jpg", alt: "Fashion portrait of young elegant woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-female-model-pantyhose-stockings_23-2149129834.jpg", alt: "Beautiful female model in pantyhose stockings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-blond-female-with-blue-eyes-white-clothes_613910-10588.jpg", alt: "Portrait of blond female with blue eyes and in white clothes." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071310.jpg", alt: "Portrait of beautiful asian woman in autumn clothes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="new-collection" data-section="new-collection">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Silk Essentials",
|
||||
author: "Velora",
|
||||
description: "Pure mulberry silk pieces designed for grace.",
|
||||
tags: [
|
||||
"New",
|
||||
"Silk",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-word-bottles-with-seashells-near-wear-flip-flop_23-2148107694.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Structured Blazers",
|
||||
author: "Velora",
|
||||
description: "Sharp cuts, soft fabrics, effortless style.",
|
||||
tags: [
|
||||
"New",
|
||||
"Blazer",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Minimalist Trousers",
|
||||
author: "Velora",
|
||||
description: "Tailored to perfection for everyday luxury.",
|
||||
tags: [
|
||||
"New",
|
||||
"Tailored",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48890.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Autumn Collection"
|
||||
description="A curated selection of timeless essentials for the modern woman."
|
||||
/>
|
||||
</div>
|
||||
<div id="new-collection" data-section="new-collection">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Silk Essentials", author: "Velora", description: "Pure mulberry silk pieces designed for grace.", tags: ["New", "Silk"], imageSrc: "http://img.b2bpic.net/free-photo/summer-word-bottles-with-seashells-near-wear-flip-flop_23-2148107694.jpg" },
|
||||
{ id: "f2", title: "Structured Blazers", author: "Velora", description: "Sharp cuts, soft fabrics, effortless style.", tags: ["New", "Blazer"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg" },
|
||||
{ id: "f3", title: "Minimalist Trousers", author: "Velora", description: "Tailored to perfection for everyday luxury.", tags: ["New", "Tailored"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48890.jpg" },
|
||||
]}
|
||||
title="The Autumn Collection"
|
||||
description="A curated selection of timeless essentials for the modern woman."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="best-sellers" data-section="best-sellers">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethereal Silk Dress",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirts-with-floral-print-hat_23-2149366056.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "City Blazer",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fashionable-women-stylish-clothes-sunglasses-posing-middle-business-urban-district_613910-10922.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Satin Blouse",
|
||||
price: "$185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48875.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Structured Trousers",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-foot-wear-mens-store_1303-31015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Midi Skirt",
|
||||
price: "$195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668375.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Velora Tote",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-boy-laughing-his-tired-girlfriend-holding-many-shopping-bags-hand_23-2148151702.jpg",
|
||||
},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
/>
|
||||
</div>
|
||||
<div id="best-sellers" data-section="best-sellers">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Best Sellers"
|
||||
description="Our most loved pieces for every season."
|
||||
products={[
|
||||
{ id: "p1", name: "Ethereal Silk Dress", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirts-with-floral-print-hat_23-2149366056.jpg" },
|
||||
{ id: "p2", name: "City Blazer", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/two-fashionable-women-stylish-clothes-sunglasses-posing-middle-business-urban-district_613910-10922.jpg" },
|
||||
{ id: "p3", name: "Satin Blouse", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48875.jpg" },
|
||||
{ id: "p4", name: "Structured Trousers", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-foot-wear-mens-store_1303-31015.jpg" },
|
||||
{ id: "p5", name: "Classic Midi Skirt", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668375.jpg" },
|
||||
{ id: "p6", name: "Velora Tote", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-boy-laughing-his-tired-girlfriend-holding-many-shopping-bags-hand_23-2148151702.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Designed for You"
|
||||
metrics={[
|
||||
{
|
||||
label: "Sustainability",
|
||||
value: "100%",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
label: "Global Shipping",
|
||||
value: "50+",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
label: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Designed for You"
|
||||
metrics={[
|
||||
{ label: "Sustainability", value: "100%", icon: Leaf },
|
||||
{ label: "Global Shipping", value: "50+", icon: Globe },
|
||||
{ label: "Customer Satisfaction", value: "99%", icon: Award },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elise R.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The quality of the silk is unmatched. Truly a luxury feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
role: "Fashion Blogger",
|
||||
testimonial: "My new favorite go-to brand for professional and chic looks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-girl-with-short-hairstyle-bright-lips-looking-into-camera-street-brunette-woman-white-shirt-with-black-lace-smiling-city_197531-28044.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe T.",
|
||||
role: "Stylist",
|
||||
testimonial: "Incredible attention to detail in every single stitch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-redhead-female-holds-longboard_613910-10442.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordan P.",
|
||||
role: "Editor",
|
||||
testimonial: "Perfectly balanced design that elevates my everyday style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-woman-light-jacket-holds-cup-coffee-outdoors-shorthaired-girl-bright-sunlasses-jeans-with-brown-backpack-posing-city_197531-29475.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna S.",
|
||||
role: "CEO",
|
||||
testimonial: "Velora fits my busy lifestyle without compromising on elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-model-sitting-floor-living-room_1303-20573.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Velora"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Voices of Velora"
|
||||
description="See what our community says about us."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elise R.", role: "Creative Director", testimonial: "The quality of the silk is unmatched. Truly a luxury feel.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg" },
|
||||
{ id: "t2", name: "Sarah M.", role: "Fashion Blogger", testimonial: "My new favorite go-to brand for professional and chic looks.", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-girl-with-short-hairstyle-bright-lips-looking-into-camera-street-brunette-woman-white-shirt-with-black-lace-smiling-city_197531-28044.jpg" },
|
||||
{ id: "t3", name: "Chloe T.", role: "Stylist", testimonial: "Incredible attention to detail in every single stitch.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-redhead-female-holds-longboard_613910-10442.jpg" },
|
||||
{ id: "t4", name: "Jordan P.", role: "Editor", testimonial: "Perfectly balanced design that elevates my everyday style.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-woman-light-jacket-holds-cup-coffee-outdoors-shorthaired-girl-bright-sunlasses-jeans-with-brown-backpack-posing-city_197531-29475.jpg" },
|
||||
{ id: "t5", name: "Anna S.", role: "CEO", testimonial: "Velora fits my busy lifestyle without compromising on elegance.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-model-sitting-floor-living-room_1303-20573.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Street Style",
|
||||
author: "@velora",
|
||||
description: "Tag us to be seen.",
|
||||
tags: [
|
||||
"Instagram",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343397.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Modern Chic",
|
||||
author: "@velora",
|
||||
description: "Effortless everyday looks.",
|
||||
tags: [
|
||||
"Instagram",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-female-posing-near-artistic-black-chair_613910-8206.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Velora Moments",
|
||||
author: "@velora",
|
||||
description: "Captured in the city.",
|
||||
tags: [
|
||||
"Instagram",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg",
|
||||
},
|
||||
]}
|
||||
title="Join the Velora Community"
|
||||
description="Share your style with #VeloraVibes to be featured."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "g1", title: "Street Style", author: "@velora", description: "Tag us to be seen.", tags: ["Instagram"], imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343397.jpg" },
|
||||
{ id: "g2", title: "Modern Chic", author: "@velora", description: "Effortless everyday looks.", tags: ["Instagram"], imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-female-posing-near-artistic-black-chair_613910-8206.jpg" },
|
||||
{ id: "g3", title: "Velora Moments", author: "@velora", description: "Captured in the city.", tags: ["Instagram"], imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg" },
|
||||
]}
|
||||
title="Join the Velora Community"
|
||||
description="Share your style with #VeloraVibes to be featured."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join Us"
|
||||
title="Get Exclusive Access"
|
||||
description="Sign up for early access to sales and the latest drops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830393.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Get Exclusive Access"
|
||||
description="Sign up for early access to sales and the latest drops."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830393.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#new-collection",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="VELORA"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "#best-sellers" }, { label: "New Arrivals", href: "#new-collection" }, { label: "About Us", href: "#about" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="VELORA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user