Merge version_1 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Product",
|
||||
id: "products",
|
||||
},
|
||||
name: "Product", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ScentVaseline"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Experience the classic healing power of Vaseline, now elevated with exquisite perfume fragrances for a radiant, delicate touch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg?_wi=1",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg?_wi=1",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cosmetic-jar-with-golden-lid_187299-47134.jpg",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cosmetic-jar-with-golden-lid_187299-47134.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-skin-care-cream_23-2148761487.jpg",
|
||||
imageAlt: "Scented Vaseline Jar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-skin-care-cream_23-2148761487.jpg", imageAlt: "Scented Vaseline Jar"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,8 +77,7 @@ export default function LandingPage() {
|
||||
title="A New Era of Skincare"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lavender Dream",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Lavender Dream", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rose Bloom",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185343.jpg",
|
||||
},
|
||||
id: "2", name: "Rose Bloom", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185343.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vanilla Soft",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-cosmetic-bottles-jars_23-2152029108.jpg",
|
||||
},
|
||||
id: "3", name: "Vanilla Soft", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-cosmetic-bottles-jars_23-2152029108.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Citrus Fresh",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg",
|
||||
},
|
||||
id: "4", name: "Citrus Fresh", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jasmine Silk",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721471.jpg",
|
||||
},
|
||||
id: "5", name: "Jasmine Silk", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721471.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ocean Breeze",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307229.jpg",
|
||||
},
|
||||
id: "6", name: "Ocean Breeze", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307229.jpg"},
|
||||
]}
|
||||
title="Our Signature Scents"
|
||||
description="Discover your perfect match among our curated perfume-infused Vaseline collection."
|
||||
@@ -163,28 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deep Hydration",
|
||||
description: "Locks in moisture for 24 hours.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-applying-serum_23-2149343920.jpg?_wi=1",
|
||||
imageAlt: "moisturizer application skin",
|
||||
title: "Deep Hydration", description: "Locks in moisture for 24 hours.", bentoComponent: "reveal-icon", icon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Exquisite Fragrance",
|
||||
description: "Perfume-grade scents that last.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg?_wi=2",
|
||||
imageAlt: "moisturizer application skin",
|
||||
title: "Exquisite Fragrance", description: "Perfume-grade scents that last.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Gentle Formula",
|
||||
description: "Suitable for sensitive skin.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg?_wi=2",
|
||||
imageAlt: "moisturizer application skin",
|
||||
title: "Gentle Formula", description: "Suitable for sensitive skin.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Why Choose ScentVaseline?"
|
||||
@@ -198,60 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
date: "Jan 2025",
|
||||
title: "Amazing",
|
||||
quote: "My skin has never felt smoother and smelled better!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-talking-care-skin-home-doing-selfie-with-glass-water_197531-32942.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg?_wi=3",
|
||||
imageAlt: "smiling woman glowing skin",
|
||||
},
|
||||
id: "1", name: "Sarah", date: "Jan 2025", title: "Amazing", quote: "My skin has never felt smoother and smelled better!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-talking-care-skin-home-doing-selfie-with-glass-water_197531-32942.jpg", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg", imageAlt: "smiling woman glowing skin"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
date: "Dec 2024",
|
||||
title: "Great",
|
||||
quote: "Absolutely love the lavender scent. So relaxing.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-preparing-apply-moisturizer-her-face_23-2149259919.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-applying-serum_23-2149343920.jpg?_wi=2",
|
||||
imageAlt: "smiling woman glowing skin",
|
||||
},
|
||||
id: "2", name: "Mark", date: "Dec 2024", title: "Great", quote: "Absolutely love the lavender scent. So relaxing.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-preparing-apply-moisturizer-her-face_23-2149259919.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-applying-serum_23-2149343920.jpg", imageAlt: "smiling woman glowing skin"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
date: "Jan 2025",
|
||||
title: "Favorite",
|
||||
quote: "Can't live without the rose bloom fragrance now.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-face-cream_23-2150171909.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg?_wi=3",
|
||||
imageAlt: "smiling woman glowing skin",
|
||||
},
|
||||
id: "3", name: "Emily", date: "Jan 2025", title: "Favorite", quote: "Can't live without the rose bloom fragrance now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-face-cream_23-2150171909.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg", imageAlt: "smiling woman glowing skin"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
date: "Jan 2025",
|
||||
title: "Perfect",
|
||||
quote: "Gentle, light, and smells like heaven.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-green-dress-representing-new-cosmetics-looking-contented_259150-60089.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-18214.jpg?_wi=1",
|
||||
imageAlt: "smiling woman glowing skin",
|
||||
},
|
||||
id: "4", name: "John", date: "Jan 2025", title: "Perfect", quote: "Gentle, light, and smells like heaven.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-green-dress-representing-new-cosmetics-looking-contented_259150-60089.jpg", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-18214.jpg", imageAlt: "smiling woman glowing skin"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica",
|
||||
date: "Feb 2025",
|
||||
title: "Top tier",
|
||||
quote: "The best moisturizer I've ever bought.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/headshot-attractive-female-with-charming-smile-having-blue-eyes-dimples-cheeks-rejoicing-summer-vacations-going-spend-them-abroad-with-her-boyfriend-beauty-emotions-concept_176532-8266.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg?_wi=2",
|
||||
imageAlt: "smiling woman glowing skin",
|
||||
},
|
||||
id: "5", name: "Jessica", date: "Feb 2025", title: "Top tier", quote: "The best moisturizer I've ever bought.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/headshot-attractive-female-with-charming-smile-having-blue-eyes-dimples-cheeks-rejoicing-summer-vacations-going-spend-them-abroad-with-her-boyfriend-beauty-emotions-concept_176532-8266.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg", imageAlt: "smiling woman glowing skin"},
|
||||
]}
|
||||
title="Loved By Everyone"
|
||||
description="See what our happy customers are saying about our new scented collection."
|
||||
@@ -262,8 +153,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Updates"
|
||||
title="Stay in the loop"
|
||||
description="Sign up to receive early access to new scent drops and special promotions."
|
||||
@@ -272,33 +162,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/textured-background_53876-18214.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/textured-background_53876-18214.jpg"
|
||||
logoText="ScentVaseline"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user