Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
444
src/app/page.tsx
444
src/app/page.tsx
@@ -27,330 +27,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Veloura"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Veloura"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unveil Your Natural Radiance."
|
||||
description="Veloura combines botanical purity with modern science to create skincare that feels as luxurious as it looks. Experience the glow of refined beauty."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-years-old-sitting-her-kitchen-alone-express-candid-happiness_1258-186556.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230962.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-beauty-routine-with-golden-eye-patches_23-2150166460.jpg",
|
||||
alt: "Woman enjoying her beauty routine",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/extremely-close-up-hand-sanitizer-gel-copy-space_23-2148758765.jpg",
|
||||
alt: "Hand sanitizer gel detail",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vegan Formulations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Tested",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unveil Your Natural Radiance."
|
||||
description="Veloura combines botanical purity with modern science to create skincare that feels as luxurious as it looks. Experience the glow of refined beauty."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-years-old-sitting-her-kitchen-alone-express-candid-happiness_1258-186556.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-fit-woman-doing-sports-exercises-home-drinks-water-from-bottle-sm_1258-182451.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230962.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-beauty-routine-with-golden-eye-patches_23-2150166460.jpg", alt: "Woman enjoying her beauty routine" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/extremely-close-up-hand-sanitizer-gel-copy-space_23-2148758765.jpg", alt: "Hand sanitizer gel detail" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Cruelty-Free" },
|
||||
{ type: "text", text: "Vegan Formulations" },
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Dermatologist Tested" },
|
||||
{ type: "text", text: "Sustainable Packaging" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luminous Serum",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Botanical Oil",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201394.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velvet Moisturizer",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669110.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rose Toner",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cleansing Balm",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-flowers-white_1150-15377.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Day Cream",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-product-bottle_23-2148761492.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Discover our signature line of high-performance beauty solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Luminous Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg" },
|
||||
{ id: "p2", name: "Botanical Oil", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201394.jpg" },
|
||||
{ id: "p3", name: "Velvet Moisturizer", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669110.jpg" },
|
||||
{ id: "p4", name: "Rose Toner", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242139.jpg" },
|
||||
{ id: "p5", name: "Cleansing Balm", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-flowers-white_1150-15377.jpg" },
|
||||
{ id: "p6", name: "Day Cream", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-product-bottle_23-2148761492.jpg" },
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Discover our signature line of high-performance beauty solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Botanical Purity",
|
||||
description: "Formulated with 100% natural, ethically sourced extracts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201387.jpg",
|
||||
},
|
||||
{
|
||||
title: "Clinical Efficacy",
|
||||
description: "Rigorous lab testing ensures high-performance results for all skin types.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-eyelashes-tweezers_23-2149628037.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Eco-friendly, recyclable packaging without compromising style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646405.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Veloura Promise"
|
||||
description="We believe beauty should be clean, effective, and sustainable. Our commitments define every product we create."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Botanical Purity", description: "Formulated with 100% natural, ethically sourced extracts.", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201387.jpg" },
|
||||
{ title: "Clinical Efficacy", description: "Rigorous lab testing ensures high-performance results for all skin types.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-eyelashes-tweezers_23-2149628037.jpg" },
|
||||
{ title: "Sustainable Luxury", description: "Eco-friendly, recyclable packaging without compromising style.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646405.jpg" },
|
||||
]}
|
||||
title="The Veloura Promise"
|
||||
description="We believe beauty should be clean, effective, and sustainable. Our commitments define every product we create."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Reported clearer skin",
|
||||
"Visible radiance",
|
||||
"Hydration improvement",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
title: "Community",
|
||||
items: [
|
||||
"Active users",
|
||||
"Beauty advocates",
|
||||
"Global reach",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Awards",
|
||||
items: [
|
||||
"Best clean beauty",
|
||||
"Innovative packaging",
|
||||
"Editor's Choice",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Veloura by the Numbers"
|
||||
description="Empowering radiance worldwide, one product at a time."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "98%", title: "Satisfaction", items: ["Reported clearer skin", "Visible radiance", "Hydration improvement"] },
|
||||
{ id: "m2", value: "50K+", title: "Community", items: ["Active users", "Beauty advocates", "Global reach"] },
|
||||
{ id: "m3", value: "12", title: "Awards", items: ["Best clean beauty", "Innovative packaging", "Editor's Choice"] },
|
||||
]}
|
||||
title="Veloura by the Numbers"
|
||||
description="Empowering radiance worldwide, one product at a time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Life changer",
|
||||
quote: "My skin has never felt so hydrated and luminous.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-with-perfect-skin-makeup-after-beauty-salon_132075-13810.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena M.",
|
||||
date: "Dec 2024",
|
||||
title: "Pure elegance",
|
||||
quote: "Veloura products look beautiful and work even better.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-cafe-with-cup-coffee_171337-16372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model-posing_23-2148905663.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
date: "Nov 2024",
|
||||
title: "Clean & effective",
|
||||
quote: "Finally, a skincare routine that feels like a spa treatment.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-woman-showing-vulnerability-self-acceptance_23-2151237431.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-gold-body-painting_23-2150834469.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe T.",
|
||||
date: "Oct 2024",
|
||||
title: "Truly radiant",
|
||||
quote: "The glow is real! I am obsessed with the botanical oil.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100196.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya L.",
|
||||
date: "Sep 2024",
|
||||
title: "Luxury quality",
|
||||
quote: "Worth every penny for the quality of ingredients.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-adult-woman-with-sunburn-skin_23-2150282895.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why beauty enthusiasts are choosing Veloura."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Jan 2025", title: "Life changer", quote: "My skin has never felt so hydrated and luminous.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-woman-with-perfect-skin-makeup-after-beauty-salon_132075-13810.jpg" },
|
||||
{ id: "2", name: "Elena M.", date: "Dec 2024", title: "Pure elegance", quote: "Veloura products look beautiful and work even better.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-cafe-with-cup-coffee_171337-16372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model-posing_23-2148905663.jpg" },
|
||||
{ id: "3", name: "Jordan P.", date: "Nov 2024", title: "Clean & effective", quote: "Finally, a skincare routine that feels like a spa treatment.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-woman-showing-vulnerability-self-acceptance_23-2151237431.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-gold-body-painting_23-2150834469.jpg" },
|
||||
{ id: "4", name: "Chloe T.", date: "Oct 2024", title: "Truly radiant", quote: "The glow is real! I am obsessed with the botanical oil.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-working-laptop-home_1163-3999.jpg" },
|
||||
{ id: "5", name: "Maya L.", date: "Sep 2024", title: "Luxury quality", quote: "Worth every penny for the quality of ingredients.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-adult-woman-with-sunburn-skin_23-2150282895.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why beauty enthusiasts are choosing Veloura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are products vegan?",
|
||||
content: "Yes, all our formulas are 100% vegan and cruelty-free.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Shipping info?",
|
||||
content: "We offer complimentary shipping on all orders over $75.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Return policy?",
|
||||
content: "You can return unopened products within 30 days for a full refund.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We have answers regarding your Veloura routine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are products vegan?", content: "Yes, all our formulas are 100% vegan and cruelty-free." },
|
||||
{ id: "q2", title: "Shipping info?", content: "We offer complimentary shipping on all orders over $75." },
|
||||
{ id: "q3", title: "Return policy?", content: "You can return unopened products within 30 days for a full refund." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We have answers regarding your Veloura routine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Connect"
|
||||
description="Have questions about your skincare routine or need brand partnership details? Drop us a note."
|
||||
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 here...",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/drawing-tools-shelf_23-2147802002.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Connect"
|
||||
description="Have questions about your skincare routine or need brand partnership details? Drop us a note."
|
||||
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 here...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/drawing-tools-shelf_23-2147802002.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Veloura"
|
||||
copyrightText="© 2025 Veloura Beauty. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Veloura"
|
||||
copyrightText="© 2025 Veloura Beauty. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user