Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b679a9578f | |||
| 3276c44170 | |||
| 514ed55546 | |||
| 14a967bac2 | |||
| 3ac4625cd7 |
367
src/app/page.tsx
367
src/app/page.tsx
@@ -20,164 +20,97 @@ export default function LandingPage() {
|
|||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="rounded"
|
borderRadius="pill"
|
||||||
contentWidth="small"
|
contentWidth="medium"
|
||||||
sizing="mediumLargeSizeLargeTitles"
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
background="circleGradient"
|
background="noise"
|
||||||
cardStyle="layered-gradient"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="radial-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="UMBRA"
|
brandName="Jennyscakes & More"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Collection", id: "products" },
|
{ name: "Cakes", id: "products" },
|
||||||
{ name: "Craft", id: "ingredients" },
|
{ name: "Artistry", id: "ingredients" },
|
||||||
{ name: "Journal", id: "blog" },
|
{ name: "Stories", id: "blog" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Order", id: "contact" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Shop Now", href: "#products" }}
|
button={{ text: "View Menu", href: "#products" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
title="A Fragrance That Lingers Long After You Leave"
|
title="Baking Memories, One Cake at a Time"
|
||||||
description="Discover our award-winning perfumes crafted with rare botanicals and master perfumery. Find your signature scent — the one they never forget."
|
description="Experience the artistry and rich taste of Jennyscakes & More. We specialize in custom cakes for every milestone, crafted with love and the finest ingredients."
|
||||||
tag="Luxury Fragrance"
|
tag="Artisanal Bakery"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Explore Our Collection", href: "#products" },
|
{ text: "Explore Our Cakes", href: "#products" },
|
||||||
{ text: "Our Craft", href: "#ingredients" }
|
{ text: "Start a Custom Order", href: "#contact" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-cake-with-chocolate-toppings_23-2148784860.jpg?_wi=1", imageAlt: "Artisanal chocolate cake" },
|
||||||
id: "1",
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/delicious-vanilla-cake-decorated-with-fresh-strawberries_23-2148777174.jpg?_wi=1", imageAlt: "Strawberry vanilla cake" },
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp",
|
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-cake-with-toppings_23-2148803401.jpg?_wi=1", imageAlt: "Custom celebration cake" },
|
||||||
imageAlt: "UMBRA Solum Eau de Parfum held against earth tones"
|
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-cake-decorations_23-2148777176.jpg?_wi=1", imageAlt: "Detailed cake art" },
|
||||||
},
|
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/delicious-cake-with-fruits_23-2148784852.jpg?_wi=1", imageAlt: "Fruit-topped gourmet cake" },
|
||||||
{
|
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/tasty-cake-with-chocolate-drip-toppings_23-2148777177.jpg?_wi=1", imageAlt: "Chocolate drip celebration cake" }
|
||||||
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: "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={5000}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
<div id="social-proof" data-section="social-proof">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
title="As Seen In"
|
title="Proudly Serving Our Community"
|
||||||
description=""
|
description="Trusted by thousands for weddings, birthdays, and corporate events across the region."
|
||||||
names={["Vogue", "Harper's Bazaar", "Elle", "Forbes", "Allure"]}
|
names={["City Weddings", "Corporate Galas", "Family Reunions", "Local Schools", "Charity Events"]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
showCard={false}
|
showCard={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
title="Featured Collection"
|
title="Our Signature Creations"
|
||||||
description="Discover our bestselling fragrances composed with rare essences and the finest ingredients from around the world."
|
description="From classic tiered cakes to artistic custom designs, each creation reflects our commitment to superior taste."
|
||||||
tag="Best Sellers"
|
tag="Our Menu"
|
||||||
tagIcon={Award}
|
tagIcon={Award}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Classic Wedding Cake", price: "$250+", variant: "Bespoke Design", imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-cake-with-chocolate-toppings_23-2148784860.jpg?_wi=2" },
|
||||||
id: "1",
|
{ id: "2", name: "Signature Vanilla Berry", price: "$85", variant: "Round Cake", imageSrc: "https://img.b2bpic.net/free-photo/delicious-vanilla-cake-decorated-with-fresh-strawberries_23-2148777174.jpg?_wi=2" },
|
||||||
name: "Solum Eau de Parfum",
|
{ id: "3", name: "Double Chocolate Fudge", price: "$95", variant: "Decadent Rich", imageSrc: "https://img.b2bpic.net/free-photo/tasty-cake-with-chocolate-drip-toppings_23-2148777177.jpg?_wi=2" },
|
||||||
price: "$185",
|
{ id: "4", name: "Custom Celebration Tier", price: "$150+", variant: "Fully Customizable", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-cake-with-toppings_23-2148803401.jpg?_wi=2" }
|
||||||
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: "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"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="ingredients" data-section="ingredients">
|
<div id="ingredients" data-section="ingredients">
|
||||||
<FeatureCardSix
|
<FeatureCardSix
|
||||||
title="The Art Behind Our Fragrances"
|
title="The Artistry of Taste"
|
||||||
description="Each perfume is meticulously composed with rare essences and noble raw materials to create scents that captivate and endure."
|
description="We believe in baking with integrity. High-quality flour, fresh eggs, and farm-sourced fruits make every bite a memorable experience."
|
||||||
tag="Perfumery Craft"
|
tag="Our Philosophy"
|
||||||
tagIcon={Beaker}
|
tagIcon={Beaker}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Handpicked Ingredients", description: "Quality is at the heart of our kitchen. We source only the freshest components.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-cake-decorations_23-2148777176.jpg?_wi=2" },
|
||||||
title: "Rare Ingredient Sourcing",
|
{ title: "Artisan Craftsmanship", description: "Each cake is decorated by hand with meticulous attention to detail.", imageSrc: "https://img.b2bpic.net/free-photo/delicious-cake-with-fruits_23-2148784852.jpg?_wi=2" },
|
||||||
description: "We source precious essences from sustainable fields worldwide — Grasse rose, Madagascan vanilla, and Italian bergamot at their peak.",
|
{ title: "Taste First Policy", description: "Our recipes are built to provide a rich and balanced flavor profile that lingers.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-cake-with-toppings_23-2148803401.jpg?_wi=3" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg",
|
|
||||||
imageAlt: "Botanical extraction process"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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}
|
||||||
@@ -186,82 +119,32 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="influencers" data-section="influencers">
|
<div id="influencers" data-section="influencers">
|
||||||
<FeatureCardOne
|
<FeatureCardOne
|
||||||
title="Worn By Those Who Set The Standard"
|
title="A Part of Your Celebrations"
|
||||||
description="The women shaping culture choose UMBRA as their signature."
|
description="We're honored to have been a part of countless special days and happy moments."
|
||||||
tag="Community"
|
tag="Our Community"
|
||||||
tagIcon={Heart}
|
tagIcon={Heart}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Wedding Wonders", description: "Crafting beautiful wedding cakes for over a decade.", imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-cake-with-chocolate-toppings_23-2148784860.jpg?_wi=3" },
|
||||||
title: "Amara Osei",
|
{ title: "Birthday Bliss", description: "Making every birthday memorable with custom artistic designs.", imageSrc: "https://img.b2bpic.net/free-photo/delicious-vanilla-cake-decorated-with-fresh-strawberries_23-2148777174.jpg?_wi=3" }
|
||||||
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: "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="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
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="Quality by the Numbers"
|
||||||
description="Our fragrances deliver an emotional connection that goes beyond scent — a presence that speaks before you do."
|
description="We take pride in our work and the happiness we bring to our clients."
|
||||||
tag="The Numbers"
|
tag="Our Impact"
|
||||||
tagIcon={TrendingUp}
|
tagIcon={TrendingUp}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "5,000+", title: "Cakes Baked", description: "Each one a masterpiece crafted with joy.", imageSrc: "https://img.b2bpic.net/free-photo/tasty-cake-with-chocolate-drip-toppings_23-2148777177.jpg?_wi=3" },
|
||||||
id: "1",
|
{ id: "2", value: "100%", title: "Happiness Guaranteed", description: "Your satisfaction is our ultimate goal.", imageSrc: "https://img.b2bpic.net/free-photo/delicious-cake-with-fruits_23-2148784852.jpg?_wi=3" }
|
||||||
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",
|
|
||||||
imageAlt: "Skin radiance transformation"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
||||||
@@ -271,153 +154,57 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="blog" data-section="blog">
|
<div id="blog" data-section="blog">
|
||||||
<BlogCardOne
|
<BlogCardOne
|
||||||
title="The UMBRA Journal"
|
title="Jennyscakes Journal"
|
||||||
description="Stories of scent, craft, and the women who inspire us. Explore the world behind our fragrances."
|
description="Read about our latest cake designs, baking tips, and behind-the-scenes stories."
|
||||||
tag="Journal"
|
tag="Updates"
|
||||||
tagIcon={BookOpen}
|
tagIcon={BookOpen}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
blogs={[
|
blogs={[
|
||||||
{
|
{ id: "1", category: "Design", title: "The Future of Wedding Cakes", excerpt: "Explore the trends in cake design for 2026.", imageSrc: "https://img.b2bpic.net/free-photo/delicious-vanilla-cake-decorated-with-fresh-strawberries_23-2148777174.jpg?_wi=4", authorName: "Jenny", authorAvatar: "", date: "Jan 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: "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",
|
|
||||||
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",
|
|
||||||
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"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
title="Frequently Asked Questions"
|
title="Commonly Asked"
|
||||||
description="Everything you need to know about our luxury fragrances, ingredients, and satisfaction guarantee."
|
description="Everything you need to know about our services."
|
||||||
tag="Support"
|
tag="Help"
|
||||||
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"
|
imageSrc="https://img.b2bpic.net/free-photo/top-view-delicious-cake-with-toppings_23-2148803401.jpg?_wi=4"
|
||||||
imageAlt="UMBRA Solum Eau de Parfum with botanical elements"
|
|
||||||
mediaPosition="left"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "How early should I order?", content: "For weddings, 3-6 months; for other events, 2-3 weeks." },
|
||||||
id: "1",
|
{ id: "2", title: "Do you deliver?", content: "Yes, we provide local delivery for all custom orders." }
|
||||||
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 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."
|
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
|
faqsAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
title="Get in Touch"
|
title="Start Your Order"
|
||||||
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="Send us your dream design, and we'll bring it to life."
|
||||||
inputs={[
|
inputs={[
|
||||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||||
{ 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 }}
|
textarea={{ name: "details", placeholder: "Tell us about your event and cake design..." }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
buttonText="Send Message"
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-tasty-cake-decorations_23-2148777176.jpg?_wi=3"
|
||||||
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">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
logoText="UMBRA"
|
logoText="Jennyscakes & More"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Cakes", href: "#products" }] }
|
||||||
items: [
|
|
||||||
{ label: "Shop", href: "#products" },
|
|
||||||
{ label: "Our Craft", href: "#ingredients" },
|
|
||||||
{ label: "Why UMBRA", href: "#metrics" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{ label: "Our Story", href: "#" },
|
|
||||||
{ label: "Sustainability", href: "#" },
|
|
||||||
{ label: "Community", href: "#influencers" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{ label: "Customer Care", href: "#" },
|
|
||||||
{ label: "Contact", href: "#contact" },
|
|
||||||
{ label: "FAQ", href: "#faq" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms & Conditions", href: "#" },
|
|
||||||
{ label: "Return Policy", href: "#" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f7f6f7;
|
--background: #fbf6f3;
|
||||||
--card: #ffffff;
|
--card: #fdfaf8;
|
||||||
--foreground: #250c0d;
|
--foreground: #4a3c31;
|
||||||
--primary-cta: #b82b40;
|
--primary-cta: #d68c9c;
|
||||||
--primary-cta-text: #f7f6f7;
|
--primary-cta-text: #f7f6f7;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #fdfaf8;
|
||||||
--secondary-cta-text: #250c0d;
|
--secondary-cta-text: #250c0d;
|
||||||
--accent: #b90941;
|
--accent: #f3cdd8;
|
||||||
--background-accent: #e8a8b6;
|
--background-accent: #f3e0d8;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user