Merge version_1 into main #1
188
src/app/page.tsx
188
src/app/page.tsx
@@ -33,55 +33,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Essence"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Awaken Your Senses"
|
||||
description="Discover our collection of artisanal perfumes, meticulously crafted with the finest natural ingredients to evoke timeless memories and elegant allure."
|
||||
tag="New Seasonal Collection"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfume-based-soil-ingredients_23-2150756797.jpg",
|
||||
imageAlt: "Luxury perfume bottle minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfume-based-soil-ingredients_23-2150756797.jpg", imageAlt: "Luxury perfume bottle minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dark-candle-getting-fireless-by-male-dark-surface_179666-37886.jpg",
|
||||
imageAlt: "Perfume spray mist light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185376.jpg",
|
||||
imageAlt: "Still life of stacked aesthetic objects",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-perfume-plants-purple-background-top-view_185193-162133.jpg",
|
||||
imageAlt: "Bottle with perfume and plants on purple background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185378.jpg",
|
||||
imageAlt: "Still life of stacked aesthetic objects",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dark-candle-getting-fireless-by-male-dark-surface_179666-37886.jpg", imageAlt: "Perfume spray mist light"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,17 +73,11 @@ export default function LandingPage() {
|
||||
description="We believe in the power of scent to transform moments. Our fragrances are created in small batches by master perfumers using rare, ethically sourced botanical extracts."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "Small-batch production for ultimate quality.",
|
||||
},
|
||||
title: "Artisanal Craft", description: "Small-batch production for ultimate quality."},
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically harvested ingredients from around the world.",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Ethically harvested ingredients from around the world."},
|
||||
{
|
||||
title: "Sensory Mastery",
|
||||
description: "Expertly layered notes that evolve throughout the day.",
|
||||
},
|
||||
title: "Sensory Mastery", description: "Expertly layered notes that evolve throughout the day."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-blackberries-kombucha-bottle-still-life_23-2150252139.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -120,23 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Long Lasting",
|
||||
description: "Formulated for 12+ hours of subtle, enduring scent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-ice-cubes-balls_23-2148216312.jpg",
|
||||
imageAlt: "Natural flower perfume essence",
|
||||
},
|
||||
title: "Long Lasting", description: "Formulated for 12+ hours of subtle, enduring scent.", imageSrc: "http://img.b2bpic.net/free-photo/flowers-ice-cubes-balls_23-2148216312.jpg", imageAlt: "Natural flower perfume essence"},
|
||||
{
|
||||
title: "Natural Extracts",
|
||||
description: "No synthetics, just pure botanical essences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-bottles-skincare-oils-marble-background_23-2148317660.jpg",
|
||||
imageAlt: "Perfume oil bottle macro",
|
||||
},
|
||||
title: "Natural Extracts", description: "No synthetics, just pure botanical essences.", imageSrc: "http://img.b2bpic.net/free-photo/different-bottles-skincare-oils-marble-background_23-2148317660.jpg", imageAlt: "Perfume oil bottle macro"},
|
||||
{
|
||||
title: "Luxury Packaging",
|
||||
description: "Bottles as beautiful as the fragrance inside.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gift-wrapping-assortment_23-2148455720.jpg",
|
||||
imageAlt: "Glass perfume bottle design",
|
||||
},
|
||||
title: "Luxury Packaging", description: "Bottles as beautiful as the fragrance inside.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gift-wrapping-assortment_23-2148455720.jpg", imageAlt: "Glass perfume bottle design"},
|
||||
]}
|
||||
title="Why Essence?"
|
||||
description="Elevate your personal aura with scents that define character and sophistication."
|
||||
@@ -151,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Rose",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-personal-care-products-fondant-pink_23-2151053903.jpg",
|
||||
},
|
||||
id: "p1", name: "Midnight Rose", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-personal-care-products-fondant-pink_23-2151053903.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Woodland Cedar",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg",
|
||||
},
|
||||
id: "p2", name: "Woodland Cedar", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Citrus Grove",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167937.jpg",
|
||||
},
|
||||
id: "p3", name: "Citrus Grove", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167937.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Golden Oud",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420746.jpg",
|
||||
},
|
||||
id: "p4", name: "Golden Oud", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420746.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "White Jasmine",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg",
|
||||
},
|
||||
id: "p5", name: "White Jasmine", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Azure Ocean",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057957.jpg",
|
||||
},
|
||||
id: "p6", name: "Azure Ocean", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057957.jpg"},
|
||||
]}
|
||||
title="Our Signature Scents"
|
||||
description="Find your next signature scent from our meticulously curated selection."
|
||||
@@ -200,25 +134,15 @@ export default function LandingPage() {
|
||||
author="Isabella H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-curve-hair-outdoor_624325-101.jpg",
|
||||
alt: "Smiling woman happy portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-curve-hair-outdoor_624325-101.jpg", alt: "Smiling woman happy portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-179.jpg",
|
||||
alt: "Happy man portrait elegant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-179.jpg", alt: "Happy man portrait elegant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-fairskinned-adult-woman-smiles-strongly-with-her-teeth-narrowing-eyes-sunny-day-brunette-wears-casual-clothes_197531-31242.jpg",
|
||||
alt: "Cheerful person soft lighting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-fairskinned-adult-woman-smiles-strongly-with-her-teeth-narrowing-eyes-sunny-day-brunette-wears-casual-clothes_197531-31242.jpg", alt: "Cheerful person soft lighting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/streaming-youtube-make-up-artist-freelancer_23-2149051852.jpg",
|
||||
alt: "Smiling woman professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/streaming-youtube-make-up-artist-freelancer_23-2149051852.jpg", alt: "Smiling woman professional portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58746.jpg",
|
||||
alt: "Elegant person soft portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58746.jpg", alt: "Elegant person soft portrait"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -232,22 +156,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Bottles Delivered",
|
||||
value: "50,000+",
|
||||
icon: Sparkles,
|
||||
id: "m1", title: "Bottles Delivered", value: "50,000+", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Customer Reviews",
|
||||
value: "15,000+",
|
||||
icon: Star,
|
||||
id: "m2", title: "Customer Reviews", value: "15,000+", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Ethical Sourcing",
|
||||
value: "100%",
|
||||
icon: Shield,
|
||||
id: "m3", title: "Ethical Sourcing", value: "100%", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -260,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your perfumes organic?",
|
||||
content: "Yes, we use 100% natural, ethically sourced botanicals.",
|
||||
},
|
||||
id: "q1", title: "Are your perfumes organic?", content: "Yes, we use 100% natural, ethically sourced botanicals."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Most orders arrive within 3-5 business days.",
|
||||
},
|
||||
id: "q2", title: "How long does shipping take?", content: "Most orders arrive within 3-5 business days."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return a scent?",
|
||||
content: "We offer returns for unopened items within 30 days.",
|
||||
},
|
||||
id: "q3", title: "Can I return a scent?", content: "We offer returns for unopened items within 30 days."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Find answers to common questions about our scents and shipping."
|
||||
@@ -288,16 +194,10 @@ export default function LandingPage() {
|
||||
description="Have questions about our scents? We are here to help you find your perfect fragrance."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
|
||||
@@ -308,29 +208,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Essence",
|
||||
items: [
|
||||
title: "Essence", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user