Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Flower } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
@@ -31,32 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Ingredients",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Ingredients", id: "features" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Velura"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,14 +48,8 @@ export default function LandingPage() {
|
||||
logoText="Velura Pure Botanicals"
|
||||
description="Experience the touch of nature. Our artisan-crafted creams blend organic richness with scientific precision to restore your skin's natural glow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-circular-background_23-2152022189.jpg"
|
||||
imageAlt="Luxurious cream jar presentation"
|
||||
@@ -86,7 +63,8 @@ export default function LandingPage() {
|
||||
title="Crafted from Earth, Refined by Science"
|
||||
description="We believe in the power of raw, natural ingredients transformed through sophisticated skincare science. Every batch is crafted with integrity."
|
||||
subdescription="Our formula is free from harmful additives, prioritizing your skin's health and the planet's well-being above all."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/french-marigold-tagetes-patula-close-up-macro-shot_169016-24865.jpg"
|
||||
icon={Flower}
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Ingredients",
|
||||
description: "100% plant-derived nutrients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glossy-paint-brushstrokes_23-2147746766.jpg",
|
||||
},
|
||||
title: "Organic Ingredients", description: "100% plant-derived nutrients.", imageSrc: "http://img.b2bpic.net/free-photo/glossy-paint-brushstrokes_23-2147746766.jpg"},
|
||||
{
|
||||
title: "Advanced Science",
|
||||
description: "Formulated by top skincare dermatologists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-powerful-colour-contrasted-bubbles_23-2148227114.jpg",
|
||||
},
|
||||
title: "Advanced Science", description: "Formulated by top skincare dermatologists.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-powerful-colour-contrasted-bubbles_23-2148227114.jpg"},
|
||||
{
|
||||
title: "Visible Results",
|
||||
description: "Healthy, glowing skin in weeks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-together_23-2149168546.jpg",
|
||||
},
|
||||
title: "Visible Results", description: "Healthy, glowing skin in weeks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-together_23-2149168546.jpg"},
|
||||
]}
|
||||
title="Why Choose Velura?"
|
||||
description="Excellence in every drop."
|
||||
@@ -127,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Velvet Day Cream",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736896.jpg",
|
||||
},
|
||||
id: "1", name: "Velvet Day Cream", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736896.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hydra-Luxe Lotion",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg",
|
||||
},
|
||||
id: "2", name: "Hydra-Luxe Lotion", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Midnight Repair",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-medicine-help-with-rosacea-skin-condition_23-2150248335.jpg",
|
||||
},
|
||||
id: "3", name: "Midnight Repair", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-medicine-help-with-rosacea-skin-condition_23-2150248335.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Radiance Eye Treatment",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg",
|
||||
},
|
||||
id: "4", name: "Radiance Eye Treatment", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Velura Hand Therapy",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-pink-shirt-white-cream-bottle_23-2148295629.jpg",
|
||||
},
|
||||
id: "5", name: "Velura Hand Therapy", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-pink-shirt-white-cream-bottle_23-2148295629.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sun Defense Balm",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunscreen-tube-by-pool-sunny-day_23-2151991729.jpg",
|
||||
},
|
||||
id: "6", name: "Sun Defense Balm", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/sunscreen-tube-by-pool-sunny-day_23-2151991729.jpg"},
|
||||
]}
|
||||
title="Our Signature Creams"
|
||||
description="Explore our curated collection of artisan creams."
|
||||
@@ -175,34 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Deeply hydrated skin",
|
||||
"Improved skin texture",
|
||||
"Natural glow achieved",
|
||||
],
|
||||
id: "m1", value: "98%", title: "Customer Satisfaction", items: [
|
||||
"Deeply hydrated skin", "Improved skin texture", "Natural glow achieved"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
title: "Happy Users",
|
||||
items: [
|
||||
"Active skincare community",
|
||||
"Real success stories",
|
||||
"Consistent product use",
|
||||
],
|
||||
id: "m2", value: "12k+", title: "Happy Users", items: [
|
||||
"Active skincare community", "Real success stories", "Consistent product use"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "All-Day Hydration",
|
||||
items: [
|
||||
"Locks in moisture",
|
||||
"Prevents dryness",
|
||||
"Natural barrier support",
|
||||
],
|
||||
id: "m3", value: "24h", title: "All-Day Hydration", items: [
|
||||
"Locks in moisture", "Prevents dryness", "Natural barrier support"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -215,30 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3437.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna S.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3437.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride_23-2148105977.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria K.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride_23-2148105977.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cozy-woman-outdoor_624325-1449.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cozy-woman-outdoor_624325-1449.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-charming-lady-engaged-sports-exercises-listening-music-sunlight-city-sport-exercise_291650-94.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-charming-lady-engaged-sports-exercises-listening-music-sunlight-city-sport-exercise_291650-94.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-home-african-american-woman-casual-looking-camera-with-copy-space-cheerful-mixed-race-girl-relaxing-home-with-big-laugh_657921-1568.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Everyone"
|
||||
cardTag="Customer Stories"
|
||||
@@ -251,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Yes, we never test on animals.",
|
||||
},
|
||||
id: "f1", title: "Are your products cruelty-free?", content: "Yes, we never test on animals."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What ingredients do you use?",
|
||||
content: "Only sustainably sourced botanicals and lab-tested actives.",
|
||||
},
|
||||
id: "f2", title: "What ingredients do you use?", content: "Only sustainably sourced botanicals and lab-tested actives."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use this on sensitive skin?",
|
||||
content: "Our formulas are dermatologist-tested and hypoallergenic.",
|
||||
},
|
||||
id: "f3", title: "Can I use this on sensitive skin?", content: "Our formulas are dermatologist-tested and hypoallergenic."},
|
||||
]}
|
||||
sideTitle="Your Skincare Questions"
|
||||
sideDescription="Need clarity? We have the answers."
|
||||
@@ -275,9 +178,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Join the Velura Journey"
|
||||
description="Sign up for exclusive beauty tips and early access to new collections."
|
||||
tag="Newsletter"
|
||||
@@ -288,42 +189,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Bestsellers",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#products" },
|
||||
{ label: "Bestsellers", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user