bender/b30bbcd5-ab85-46f9-8d56-264487dc4c6e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-04-14 13:49:54 +00:00
Conversation 0 Commits 1 Files Changed 1 +65 -240
1 changed files with 65 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -32,7 +32,7 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="UMBRA"
brandName="AUREM8"
navItems={[
{ name: "Collection", id: "products" },
{ name: "Craft", id: "ingredients" },
@@ -45,48 +45,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="A Fragrance That Lingers Long After You Leave"
description="Discover our award-winning perfumes crafted with rare botanicals and master perfumery. Find your signature scent — the one they never forget."
tag="Luxury Fragrance"
title="AUREM8: Define Your Legacy"
description="Experience the pinnacle of UGC mastery. Elevate your presence with bespoke creative strategies designed for those who command attention."
tag="Mastery & Influence"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Explore Our Collection", href: "#products" },
{ text: "Explore Mastery", href: "#products" },
{ text: "Our Craft", href: "#ingredients" }
]}
buttonAnimation="slide-up"
carouselItems={[
{
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://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"
}
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp", imageAlt: "AUREM8 Mastery Campaign" },
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-2.webp", imageAlt: "AUREM8 Creative Strategy" },
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-3.webp", imageAlt: "AUREM8 Content Excellence" },
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-4.webp", imageAlt: "AUREM8 Visual Identity" },
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-5.webp", imageAlt: "AUREM8 Digital Influence" },
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-6.webp", imageAlt: "AUREM8 Brand Growth" }
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -95,7 +71,7 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="As Seen In"
title="Proven by Industry Leaders"
description=""
names={["Vogue", "Harper's Bazaar", "Elle", "Forbes", "Allure"]}
textboxLayout="default"
@@ -106,43 +82,23 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardFour
title="Featured Collection"
description="Discover our bestselling fragrances composed with rare essences and the finest ingredients from around the world."
tag="Best Sellers"
title="AUREM8 Mastery Tiers"
description="Select the level of creative excellence that aligns with your brand's growth trajectory."
tag="Services"
tagIcon={Award}
tagAnimation="slide-up"
products={[
{
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: "1", name: "Starter Strategy", price: "$1,200", variant: "Core Creative Audit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-1.webp", imageAlt: "Starter Tier"
},
{
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: "2", name: "Growth Accelerator", price: "$3,500", variant: "Full UGC Production", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-2.webp", imageAlt: "Growth Tier"
},
{
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: "3", name: "Mastery Elite", price: "$7,500", variant: "Global Brand Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-3.webp", imageAlt: "Elite Tier"
},
{
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"
id: "4", name: "The AUREM8 Partnership", price: "Custom", variant: "Total Creative Domination", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/product-4.webp", imageAlt: "Custom Tier"
}
]}
gridVariant="uniform-all-items-equal"
@@ -154,29 +110,20 @@ export default function LandingPage() {
<div id="ingredients" data-section="ingredients">
<FeatureCardSix
title="The Art Behind Our Fragrances"
description="Each perfume is meticulously composed with rare essences and noble raw materials to create scents that captivate and endure."
title="The Science of AUREM8 Influence"
description="We decode audience behavior, blending psychology with elite creative standards to drive engagement that lasts."
tag="Perfumery Craft"
tagIcon={Beaker}
tagAnimation="slide-up"
features={[
{
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",
imageAlt: "Botanical extraction process"
title: "Behavioral Analytics", description: "Precision-driven insights into your target audience's needs, transforming data into high-performing content narratives.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg", imageAlt: "Data analysis"
},
{
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: "Master Production", description: "Every frame is calibrated for maximum impact, utilizing professional cinematography to capture the essence of your brand.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374097.jpg", imageAlt: "Production studio"
},
{
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"
title: "Enduring Presence", description: "Our creative frameworks are built for sustainability, ensuring your brand influence grows long after the campaign ends.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-with-water-cup_23-2148892890.jpg", imageAlt: "Strategic planning"
}
]}
textboxLayout="default"
@@ -186,48 +133,18 @@ export default function LandingPage() {
<div id="influencers" data-section="influencers">
<FeatureCardOne
title="Worn By Those Who Set The Standard"
description="The women shaping culture choose UMBRA as their signature."
title="Champions of Culture"
description="The leaders defining the next wave of industry standards choose AUREM8 as their foundation."
tag="Community"
tagIcon={Heart}
tagAnimation="slide-up"
features={[
{
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: "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",
},
{ title: "Creative Lead", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-amara.mp4", videoAriaLabel: "AUREM8 partner showcase" },
{ title: "Strategy Partner", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-chloe.mp4", videoAriaLabel: "AUREM8 partner showcase" },
{ title: "Growth Lead", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-elena.mp4", videoAriaLabel: "AUREM8 partner showcase" },
{ title: "Brand Manager", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-isla.mp4", videoAriaLabel: "AUREM8 partner showcase" },
{ title: "Culture Lead", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-zara.mp4", videoAriaLabel: "AUREM8 partner showcase" },
{ title: "Creative Lead", description: " ", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/influencer-nadia.mp4", videoAriaLabel: "AUREM8 partner showcase" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -240,28 +157,14 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Why Women Choose UMBRA"
description="Our fragrances deliver an emotional connection that goes beyond scent — a presence that speaks before you do."
tag="The Numbers"
title="Impact in Numbers"
description="AUREM8 creates verifiable success metrics through strategic excellence."
tag="The Data"
tagIcon={TrendingUp}
tagAnimation="slide-up"
metrics={[
{
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",
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"
}
{ id: "1", value: "92%", title: "Engagement Growth", description: "Average increase in audience retention within 30 days.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-using-face-roller_23-2148803514.jpg", imageAlt: "Growth metric" },
{ id: "2", value: "87%", title: "Conversion Lift", description: "Brands see a significant lift in conversion rates after implementing our strategy.", imageSrc: "http://img.b2bpic.net/free-photo/scientist-examining-substance-petri-dish-while-conducting-virus-research_181624-1110.jpg", imageAlt: "Conversion metric" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -271,45 +174,15 @@ export default function LandingPage() {
<div id="blog" data-section="blog">
<BlogCardOne
title="The UMBRA Journal"
description="Stories of scent, craft, and the women who inspire us. Explore the world behind our fragrances."
title="The AUREM8 Journal"
description="Insights on digital strategy, the psychology of content, and the people scaling their brands with us."
tag="Journal"
tagIcon={BookOpen}
tagAnimation="slide-up"
blogs={[
{
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",
},
{ id: "1", category: "Growth", title: "Scaling UGC to a Global Standard", excerpt: "How to maintain authenticity while scaling your content operations.", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232284.jpg", imageAlt: "Growth article", authorName: "Admin", authorAvatar: "", date: "Feb 2026" },
{ id: "2", category: "Psychology", title: "The Science of Visual Influence", excerpt: "Understanding why specific visual motifs drive brand loyalty.", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382870.jpg", imageAlt: "Psychology article", authorName: "Admin", authorAvatar: "", date: "Jan 2026" },
{ id: "3", category: "Case Study", title: "AUREM8's 2026 Mastery Roadmap", excerpt: "Inside the strategy that defined this year's top brands.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-using-face-roller_23-2148803514.jpg", imageAlt: "Strategy article", authorName: "Admin", authorAvatar: "", date: "Jan 2026" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -319,46 +192,22 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about our luxury fragrances, ingredients, and satisfaction guarantee."
title="FAQs"
description="Common questions about our creative services, pricing tiers, and strategic philosophy."
tag="Support"
tagIcon={HelpCircle}
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"
imageAlt="AUREM8 Support"
mediaPosition="left"
mediaAnimation="slide-up"
faqs={[
{
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 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."
}
{ id: "1", title: "What defines AUREM8 Mastery?", content: "Our mastery is defined by the integration of deep behavioral analytics, high-fidelity creative execution, and a long-term commitment to scaling your brand's unique voice." },
{ id: "2", title: "Can you handle enterprise projects?", content: "Yes, our 'The AUREM8 Partnership' tier is specifically designed for enterprise-level creative scaling." },
{ id: "3", title: "What is the turnaround for content?", content: "Depending on your chosen tier, production cycles range from 48 hours for rapid assets to 2-week sprints for full campaign rollouts." },
{ id: "4", title: "Do you offer consultation?", content: "Absolutely. Book a strategy session through our contact form to discuss your specific brand goals." },
{ id: "5", title: "Is content produced in-house?", content: "We utilize a hybrid model of internal master creators and vetted global production partners to ensure elite quality." },
{ id: "6", title: "How do I start?", content: "Select a tier that matches your current growth stage and book an initial strategy discovery session." }
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -368,60 +217,36 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
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."
title="Begin Your Mastery"
description="Connect with our strategy team today to discuss elevating your brand with AUREM8."
inputs={[
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "name", type: "text", placeholder: "Company Name", required: true },
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
{ name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false },
{ name: "subject", type: "text", placeholder: "How can we help?", required: true }
{ name: "role", type: "text", placeholder: "Your role", required: true },
{ name: "website", type: "text", placeholder: "Brand website", required: false }
]}
textarea={{ name: "message", placeholder: "Tell us about your fragrance preferences...", required: true }}
textarea={{ name: "message", placeholder: "Tell us about your goals...", required: true }}
useInvertedBackground={false}
buttonText="Send Message"
buttonText="Submit Inquiry"
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"
imageAlt="AUREM8 Contact"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="UMBRA"
logoText="AUREM8"
columns={[
{
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: "#" }
]
}
{ items: [{ label: "Shop", href: "#products" }, { label: "Our Craft", href: "#ingredients" }, { label: "Why AUREM8", href: "#metrics" }] },
{ items: [{ label: "Philosophy", href: "#" }, { label: "Careers", href: "#" }, { label: "Community", href: "#influencers" }] },
{ items: [{ label: "Care", href: "#" }, { label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Policy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}