13 Commits

Author SHA1 Message Date
a238682e6e Update src/app/page.tsx 2026-04-18 23:14:36 +00:00
9fb3bb0439 Update src/app/page.tsx 2026-04-18 23:14:09 +00:00
0b1e7b4449 Merge version_5 into main
Merge version_5 into main
2026-04-18 23:13:16 +00:00
4fb41d8611 Update src/app/page.tsx 2026-04-18 23:13:13 +00:00
cae649babe Merge version_4 into main
Merge version_4 into main
2026-04-18 22:34:33 +00:00
6754268f56 Update src/app/page.tsx 2026-04-18 22:34:30 +00:00
bdeba3b6b0 Merge version_3 into main
Merge version_3 into main
2026-04-18 21:51:30 +00:00
f2f3e77afd Update src/app/page.tsx 2026-04-18 21:51:24 +00:00
cac1bdc902 Merge version_3 into main
Merge version_3 into main
2026-04-18 21:50:53 +00:00
30961d9b7b Update src/app/page.tsx 2026-04-18 21:50:50 +00:00
2a970519c9 Merge version_2 into main
Merge version_2 into main
2026-04-18 21:47:14 +00:00
13752f233a Merge version_2 into main
Merge version_2 into main
2026-04-18 21:45:20 +00:00
023aed1f62 Merge version_2 into main
Merge version_2 into main
2026-04-18 21:44:53 +00:00

View File

@@ -2,18 +2,19 @@
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel'; import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix'; import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne'; import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import BlogCardOne from '@/components/sections/blog/BlogCardOne'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen } from 'lucide-react'; import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen, Wrench } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -31,12 +32,13 @@ export default function LandingPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarStyleFullscreen
brandName="UMBRA" brandName="UMBRA"
navItems={[ navItems={[
{ name: "Collection", id: "products" }, { name: "Collection", id: "products" },
{ name: "Craft", id: "ingredients" }, { name: "Craft", id: "ingredients" },
{ name: "Journal", id: "blog" }, { name: "Journal", id: "blog" },
{ name: "Repairs", id: "repairs" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ text: "Shop Now", href: "#products" }} button={{ text: "Shop Now", href: "#products" }}
@@ -45,36 +47,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
title="A Fragrance That Lingers Long After You Leave" title="Artisanal Fragrance for the Modern Connoisseur"
description="Discover our award-winning perfumes crafted with rare botanicals and master perfumery. Find your signature scent — the one they never forget." description="Elevate your daily ritual with rare botanical compositions and master-perfumed extracts designed to linger and inspire."
tag="Luxury Fragrance" tag="Luxury Collection"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ text: "Explore Our Collection", href: "#products" }, { text: "Discover Collection", href: "#products" },
{ text: "Our Craft", href: "#ingredients" } { text: "Our Process", href: "#ingredients" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
carouselItems={[ carouselItems={[
{ { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=1", imageAlt: "Signature UMBRA bottle" },
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp", imageAlt: "UMBRA Solum Eau de Parfum held against earth tones" { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=1", imageAlt: "Botanical infusion" },
}, { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/cosmetic-product-still-life_23-2151232284.jpg?_wi=1", imageAlt: "Aesthetic perfume arrangement" },
{ { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=2", imageAlt: "Golden sunset light on glass" },
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-2.webp", imageAlt: "UMBRA Solum white bottle with draped fabric" { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374097.jpg?_wi=1", imageAlt: "Laboratory precision" },
}, { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=2", imageAlt: "Natural ingredients" }
{
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-3.webp", imageAlt: "UMBRA Solum with botanical wood and greenery"
},
{
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-4.webp", imageAlt: "UMBRA Solum on stone pedestal with natural light"
},
{
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-5.webp", imageAlt: "Model with bronzing face drops"
},
{
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-6.webp", imageAlt: "UMBRA Solum flat lay with golden serums"
}
]} ]}
autoPlay={true} autoPlay={true}
autoPlayInterval={4000} autoPlayInterval={4000}
@@ -83,9 +73,9 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
title="As Seen In" title="Trusted by Industry Leaders"
description="" description="Our commitment to quality has been recognized by the most prestigious publications globally."
names={["Vogue", "Harper's Bazaar", "Elle", "Forbes", "Allure"]} names={["Vogue", "Harper's Bazaar", "Elle", "Forbes", "Allure", "Vanity Fair"]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
showCard={false} showCard={false}
@@ -94,24 +84,16 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
title="Featured Collection" title="Curated Fragrance Selection"
description="Discover our bestselling fragrances composed with rare essences and the finest ingredients from around the world." description="Sophisticated scents for every mood, formulated with the highest concentration of rare natural essences."
tag="Best Sellers" tag="Premium Selection"
tagIcon={Award} tagIcon={Award}
tagAnimation="slide-up" tagAnimation="slide-up"
products={[ products={[
{ { id: "1", name: "Midnight Oud", price: "$210", variant: "Intense & Woody", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=3", imageAlt: "Midnight Oud bottle" },
id: "1", name: "Solum Eau de Parfum", price: "$185", variant: "50ml • Earthy & Warm", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-1.webp", imageAlt: "Solum Eau de Parfum" { id: "2", name: "Azure Rose", price: "$185", variant: "Soft & Floral", imageSrc: "https://img.b2bpic.net/free-photo/cosmetic-product-still-life_23-2151232284.jpg?_wi=2", imageAlt: "Azure Rose bottle" },
}, { id: "3", name: "Citrus Zen", price: "$165", variant: "Fresh & Invigorating", imageSrc: "https://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=3", imageAlt: "Citrus Zen bottle" },
{ { id: "4", name: "Golden Amber", price: "$240", variant: "Warm & Rich", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=4", imageAlt: "Golden Amber bottle" }
id: "2", name: "Aura Eau de Parfum", price: "$165", variant: "50ml • Floral & Soft", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-2.webp", imageAlt: "Aura Eau de Parfum"
},
{
id: "3", name: "Velour Body Mist", price: "$125", variant: "100ml • Light & Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-3.webp", imageAlt: "Velour Body Mist"
},
{
id: "4", name: "Noir Absolu Parfum", price: "$195", variant: "30ml • Rich & Intense", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-4.webp", imageAlt: "Noir Absolu Parfum"
}
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
@@ -122,71 +104,66 @@ export default function LandingPage() {
<div id="ingredients" data-section="ingredients"> <div id="ingredients" data-section="ingredients">
<FeatureCardSix <FeatureCardSix
title="The Art Behind Our Fragrances" title="Ingredients of Distinction"
description="Each perfume is meticulously composed with rare essences and noble raw materials to create scents that captivate and endure." description="We traverse the globe to secure ethically sourced, peak-potency raw materials for every batch we produce."
tag="Perfumery Craft" tag="Sourcing & Quality"
tagIcon={Beaker} tagIcon={Beaker}
tagAnimation="slide-up" tagAnimation="slide-up"
features={[ features={[
{ { title: "Sustainable Harvest", description: "Partnering with small-scale farms to ensure botanical purity while preserving local ecosystems.", imageSrc: "https://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=4" },
title: "Rare Ingredient Sourcing", description: "We source precious essences from sustainable fields worldwide — Grasse rose, Madagascan vanilla, and Italian bergamot at their peak.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=1", imageAlt: "Botanical extraction process" { title: "Master Distillation", description: "Modern laboratory techniques meet traditional cold-extraction to capture the soul of each ingredient.", imageSrc: "https://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374097.jpg?_wi=2" },
}, { title: "Rigorous Quality Control", description: "Every bottle undergoes 12 stages of evaluation to guarantee performance and shelf stability.", imageSrc: "https://img.b2bpic.net/free-photo/cosmetic-product-still-life_23-2151232284.jpg?_wi=3" }
{
title: "Master Perfumers", description: "Every composition is crafted by world-renowned noses who balance top, heart, and base notes into unforgettable olfactory journeys.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374097.jpg", imageAlt: "Laboratory research"
},
{
title: "Lasting Sillage", description: "Our concentrated formulas are designed for exceptional longevity — a single application carries you beautifully from dawn to dusk.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-with-water-cup_23-2148892890.jpg", imageAlt: "Formulation development"
}
]} ]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="repairs" data-section="repairs">
<FeatureCardNineteen
title="Bespoke Maintenance Service"
description="Protect your investment with our exclusive restoration and refill program designed for the serious collector."
tag="Longevity & Care"
tagIcon={Wrench}
tagAnimation="slide-up"
features={[
{ tag: "Refill", title: "Bottle Re-hydration", subtitle: "Professional refill services", description: "Minimize environmental footprint with our elegant, boutique-exclusive bottle refill service.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=5" },
{ tag: "Repair", title: "Precision Atomizers", subtitle: "Restoration expertise", description: "Our master technicians provide precise adjustments to restore optimal spray density and pressure.", imageSrc: "https://img.b2bpic.net/free-photo/cosmetic-product-still-life_23-2151232284.jpg?_wi=4" }
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="influencers" data-section="influencers"> <div id="influencers" data-section="influencers">
<FeatureCardOne <FeatureCardOne
title="Worn By Those Who Set The Standard" title="Ambassadors of Elegance"
description="The women shaping culture choose UMBRA as their signature." description="Global figures and style icons trust UMBRA for their signature sensory identity."
tag="Community" tag="Community"
tagIcon={Heart} tagIcon={Heart}
tagAnimation="slide-up" tagAnimation="slide-up"
features={[ features={[
{ { title: "Sophia M.", description: "Celebrity Style Consultant", imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-osing-street-with-interesting-architecture-background_613910-3354.jpg" },
title: "Amara Osei", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-amara.mp4", videoAriaLabel: "Amara Osei wearing UMBRA fragrance"}, { title: "Elena V.", description: "Modern Muse & Influencer", imageSrc: "https://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg" },
{ { title: "Isla M.", description: "Fashion Editorial Creative", imageSrc: "https://img.b2bpic.net/free-photo/senior-woman-portrait_23-2148891695.jpg" }
title: "Chloe Marchand", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-chloe.mp4", videoAriaLabel: "Chloe Marchand getting ready with UMBRA"},
{
title: "Elena Vasquez", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-elena.mp4", videoAriaLabel: "Elena Vasquez wearing UMBRA fragrance"},
{
title: "Isla Montgomery", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-isla.mp4", videoAriaLabel: "Isla Montgomery wearing UMBRA fragrance"},
{
title: "Zara Kimani", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-zara.mp4", videoAriaLabel: "Zara Kimani getting ready with UMBRA fragrance"},
{
title: "Nadia Petrova", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-nadia.mp4", videoAriaLabel: "Nadia Petrova wearing UMBRA fragrance"},
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
cardDescriptionClassName="hidden"
cardTitleClassName="verified-name"
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
title="Why Women Choose UMBRA" title="The UMBRA Standard"
description="Our fragrances deliver an emotional connection that goes beyond scent — a presence that speaks before you do." description="By the numbers: our dedication to performance and customer satisfaction is unmatched in luxury beauty."
tag="The Numbers" tag="Milestones"
tagIcon={TrendingUp} tagIcon={TrendingUp}
tagAnimation="slide-up" tagAnimation="slide-up"
metrics={[ metrics={[
{ { id: "1", value: "98%", title: "Signature Scent Satisfaction", description: "Percentage of clients who identify UMBRA as their top-tier fragrance choice.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-using-face-roller_23-2148803514.jpg" },
id: "1", value: "92%", title: "Receive Compliments Daily", description: "Women report being asked what perfume they're wearing within the first week.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-using-face-roller_23-2148803514.jpg?_wi=1", imageAlt: "Skin radiance transformation" { id: "2", value: "12k+", title: "Successful Refills", description: "Bottle lifetime extended through our industry-leading sustainable refill program.", imageSrc: "https://img.b2bpic.net/free-photo/scientist-examining-substance-petri-dish-while-conducting-virus-research_181624-1110.jpg" }
},
{
id: "2", value: "87%", title: "Repurchase Their Scent", description: "Our customers return for the same fragrance — a true sign of finding your signature.", imageSrc: "http://img.b2bpic.net/free-photo/scientist-examining-substance-petri-dish-while-conducting-virus-research_181624-1110.jpg", imageAlt: "Anti-aging results"
}
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -195,19 +172,15 @@ export default function LandingPage() {
</div> </div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardOne <BlogCardThree
title="The UMBRA Journal" title="The Curator's Journal"
description="Stories of scent, craft, and the women who inspire us. Explore the world behind our fragrances." description="Deep dives into the chemistry of scent and the culture of luxury craftsmanship."
tag="Journal" tag="Insights"
tagIcon={BookOpen} tagIcon={BookOpen}
tagAnimation="slide-up" tagAnimation="slide-up"
blogs={[ blogs={[
{ { id: "1", category: "Science", title: "The Molecular Art of Lasting Scent", excerpt: "How we stabilize top-notes to ensure your fragrance stays fresh throughout the day.", imageSrc: "https://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232284.jpg", authorName: "Dr. Aris Vane", authorAvatar: "https://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-osing-street-with-interesting-architecture-background_613910-3354.jpg", date: "Feb 2026" },
id: "1", category: "Fragrance Notes", title: "The Art of Layering Scents for Every Season", excerpt: "Discover how to combine UMBRA fragrances for a signature scent that evolves with you throughout the day.", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232284.jpg", imageAlt: "Luxury perfume bottles arranged artfully", authorName: "Camille Laurent", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-osing-street-with-interesting-architecture-background_613910-3354.jpg", date: "Feb 2026"}, { id: "2", category: "Curation", title: "Rose Absolute: A Global Journey", excerpt: "Tracing the source of our most beloved floral essences from France to Bulgaria.", imageSrc: "https://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=5", authorName: "Elena Vasquez", authorAvatar: "https://img.b2bpic.net/free-photo/senior-woman-portrait_23-2148891695.jpg", date: "Jan 2026" }
{
id: "2", category: "Behind the Bottle", title: "From Grasse to Your Vanity: Sourcing Rose Absolute", excerpt: "A journey through the fields of Provence where our master perfumers hand-select the rarest rose petals.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg?_wi=2", imageAlt: "Rose fields in Provence", authorName: "Elena Vasquez", authorAvatar: "http://img.b2bpic.net/free-photo/senior-woman-portrait_23-2148891695.jpg", date: "Jan 2026"},
{
id: "3", category: "Women of UMBRA", title: "How Amara Osei Found Her Signature Scent", excerpt: "The model and entrepreneur shares why Noir Absolu became the fragrance she never leaves the house without.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-using-face-roller_23-2148803514.jpg?_wi=2", imageAlt: "Amara Osei portrait", authorName: "Nadia Petrova", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg", date: "Jan 2026"},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -216,35 +189,16 @@ export default function LandingPage() {
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqDouble
title="Frequently Asked Questions" title="Inquiries & Guidance"
description="Everything you need to know about our luxury fragrances, ingredients, and satisfaction guarantee." description="Commonly asked questions regarding our collection and boutique services."
tag="Support" tag="Assistance"
tagIcon={HelpCircle} tagIcon={HelpCircle}
tagAnimation="slide-up" tagAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/faq-image.webp"
imageAlt="UMBRA Solum Eau de Parfum with botanical elements"
mediaPosition="left"
mediaAnimation="slide-up"
faqs={[ faqs={[
{ { id: "1", title: "Is international shipping available?", content: "Yes, we ship to over 50 countries with specialized secure packaging to protect your fragrance during transit." },
id: "1", title: "What makes UMBRA fragrances different from other luxury brands?", content: "UMBRA combines rare natural essences with master perfumery techniques. Every composition is developed over months of refinement to deliver extraordinary depth and longevity. We prioritize ingredient quality and sustainable sourcing." { id: "2", title: "How do I determine my fragrance profile?", content: "Take our 2-minute digital sensory consultation to receive a custom recommendation based on your preferences." },
}, { id: "3", title: "What is your refund policy?", content: "If a scent does not resonate, you may return the item within 14 days for a full refund or boutique credit." }
{
id: "2", title: "How long does the fragrance last on skin?", content: "Most of our Eau de Parfums last 8-12 hours on skin. Our Parfum concentrations can last up to 16 hours. For best results, apply to pulse points — wrists, neck, and behind the ears — right after moisturizing."
},
{
id: "3", title: "Are your fragrances suitable for sensitive skin?", content: "Our perfumes are formulated with high-quality, dermatologically considered ingredients. They are free from common irritants and suitable for most skin types. If you have fragrance sensitivities, we recommend trying our discovery set first."
},
{
id: "4", title: "Do you offer a satisfaction guarantee?", content: "We're confident in our compositions. If a fragrance doesn't feel right within 14 days of purchase, we offer a full refund—no questions asked. Your confidence in your scent is our priority."
},
{
id: "5", title: "Are your ingredients natural or synthetic?", content: "We blend premium natural essences — oud, jasmine, rose — with refined aroma molecules for stability and projection. This hybrid approach ensures both authenticity and lasting performance in every bottle."
},
{
id: "6", title: "How do I choose the right fragrance for me?", content: "Start with our Discovery Set to explore all four scents. Solum is earthy and warm, Aura is soft and floral, Velour is light and fresh, and Noir Absolu is rich and intense. Wear each for a full day to find your match."
}
]} ]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -253,61 +207,24 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCTA
title="Get in Touch" title="Connect With Our Perfumers"
description="Have a question or looking for your signature scent? We'd love to hear from you. Fill out the form and our fragrance advisors will respond within 24 hours." description="Personalized consultations available for those seeking their absolute scent signature."
inputs={[ tag="Contact"
{ name: "name", type: "text", placeholder: "Your name", required: true }, buttons={[{ text: "Request Consultation", href: "mailto:hello@umbra.com" }]}
{ name: "email", type: "email", placeholder: "your@email.com", required: true }, background={{ variant: "plain" }}
{ name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
{ name: "subject", type: "text", placeholder: "How can we help?", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your fragrance preferences...", required: true }}
useInvertedBackground={false} useInvertedBackground={false}
buttonText="Send Message"
mediaAnimation="slide-up"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232284.jpg?_wi=2"
imageAlt="Luxury fragrance contact"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterMedia
logoText="UMBRA" logoText="UMBRA"
imageSrc="https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimal-background_23-2151045233.jpg?_wi=6"
columns={[ columns={[
{ { title: "Boutique", items: [ { label: "Shop All", href: "#products" }, { label: "Services", href: "#repairs" } ] },
title: "Shop & Learn", { title: "Brand", items: [ { label: "Our Mission", href: "#" }, { label: "Careers", href: "#" } ] },
items: [ { title: "Help", items: [ { label: "Concierge", href: "#contact" }, { label: "Policies", href: "#faq" } ] }
{ label: "Shop Collection", href: "#products" },
{ label: "Our Craft", href: "#ingredients" },
{ label: "Why UMBRA", href: "#metrics" }
]
},
{
title: "Company",
items: [
{ label: "Our Story", href: "#" },
{ label: "Sustainability", href: "#" },
{ label: "Community", href: "#influencers" }
]
},
{
title: "Support",
items: [
{ label: "Customer Care", href: "#" },
{ label: "Contact", href: "#contact" },
{ label: "FAQ", href: "#faq" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Return Policy", href: "#" }
]
}
]} ]}
/> />
</div> </div>