Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "The Ritual",
|
||||
id: "ritual",
|
||||
},
|
||||
{
|
||||
name: "Our Essence",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "The Ritual", id: "ritual" },
|
||||
{ name: "Our Essence", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AURA Aesthetics"
|
||||
/>
|
||||
@@ -55,99 +43,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Art of Radiant Living"
|
||||
description="Experience the pinnacle of skincare with AURA—where science meets soulful elegance. Discover rituals crafted for the most discerning skin."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_luxury",
|
||||
testimonial: "The absolute pinnacle of my daily ritual. Radiant results, every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg?_wi=1",
|
||||
imageAlt: "luxury cosmetic bottle marble",
|
||||
},
|
||||
{
|
||||
name: "Julian R.",
|
||||
handle: "@jules_refined",
|
||||
testimonial: "Sophisticated, effective, and beautifully curated. A true staple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg?_wi=1",
|
||||
imageAlt: "luxury cosmetic bottle marble",
|
||||
},
|
||||
{
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie_glow",
|
||||
testimonial: "AURA has transformed my skin. Simply exquisite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=1",
|
||||
imageAlt: "luxury cosmetic bottle marble",
|
||||
},
|
||||
{
|
||||
name: "Claire D.",
|
||||
handle: "@claire_aura",
|
||||
testimonial: "Unparalleled luxury. My skin has never looked this luminous.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146640.jpg?_wi=1",
|
||||
imageAlt: "luxury cosmetic bottle marble",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@mark_skin",
|
||||
testimonial: "The perfect blend of science and nature. Essential skincare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dressing-table_1157-31079.jpg?_wi=1",
|
||||
imageAlt: "luxury cosmetic bottle marble",
|
||||
},
|
||||
{ name: "Elena V.", handle: "@elena_luxury", testimonial: "The absolute pinnacle of my daily ritual. Radiant results, every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg", imageAlt: "luxury cosmetic bottle marble" },
|
||||
{ name: "Julian R.", handle: "@jules_refined", testimonial: "Sophisticated, effective, and beautifully curated. A true staple.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg", imageAlt: "luxury cosmetic bottle marble" },
|
||||
{ name: "Sophie M.", handle: "@sophie_glow", testimonial: "AURA has transformed my skin. Simply exquisite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg", imageAlt: "luxury cosmetic bottle marble" },
|
||||
{ name: "Claire D.", handle: "@claire_aura", testimonial: "Unparalleled luxury. My skin has never looked this luminous.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146640.jpg", imageAlt: "luxury cosmetic bottle marble" },
|
||||
{ name: "Mark S.", handle: "@mark_skin", testimonial: "The perfect blend of science and nature. Essential skincare.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-dressing-table_1157-31079.jpg", imageAlt: "luxury cosmetic bottle marble" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg"
|
||||
imageAlt="AURA Aesthetics Premium Serum"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-lipstick-with-palm-branch-shadow_23-2148210812.jpg",
|
||||
alt: "Aura Enthusiast 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg",
|
||||
alt: "Aura Enthusiast 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg",
|
||||
alt: "Aura Enthusiast 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg",
|
||||
alt: "Aura Enthusiast 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg",
|
||||
alt: "Aura Enthusiast 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-lipstick-with-palm-branch-shadow_23-2148210812.jpg", alt: "Aura Enthusiast 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg", alt: "Aura Enthusiast 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016652.jpg", alt: "Aura Enthusiast 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016643.jpg", alt: "Aura Enthusiast 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg", alt: "Aura Enthusiast 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Luxury Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Crafted Batches",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinical Efficacy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{ type: "text", text: "Ultra-Luxury Quality" },
|
||||
{ type: "text", text: "Sustainable Innovation" },
|
||||
{ type: "text", text: "Hand-Crafted Batches" },
|
||||
{ type: "text", text: "Clinical Efficacy" },
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luminous Serum",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pure Essence",
|
||||
price: "$185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velvet Cream",
|
||||
price: "$245",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146640.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gold Elixir",
|
||||
price: "$385",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-bottle-foundation-advertising_23-2149511222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Radiance Mist",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-glamour-scented-sprayer-transparent_1203-6444.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Night Repair",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232280.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luminous Serum", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg" },
|
||||
{ id: "p2", name: "Pure Essence", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg" },
|
||||
{ id: "p3", name: "Velvet Cream", price: "$245", imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146640.jpg" },
|
||||
{ id: "p4", name: "Gold Elixir", price: "$385", imageSrc: "http://img.b2bpic.net/free-photo/glowing-bottle-foundation-advertising_23-2149511222.jpg" },
|
||||
{ id: "p5", name: "Radiance Mist", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/luxury-glamour-scented-sprayer-transparent_1203-6444.jpg" },
|
||||
{ id: "p6", name: "Night Repair", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232280.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Select from our signature line of high-potency, boutique-formulated skincare."
|
||||
@@ -208,20 +99,11 @@ export default function LandingPage() {
|
||||
title="The Daily Ritual"
|
||||
description="More than just skincare—it's a moment of reflection and renewal. Our rituals are designed to elevate the everyday."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Mindful Cleansing",
|
||||
description: "Begin with purity.",
|
||||
},
|
||||
{
|
||||
title: "Deep Hydration",
|
||||
description: "Lock in the essential moisture.",
|
||||
},
|
||||
{
|
||||
title: "Radiant Finishing",
|
||||
description: "Seal the glow.",
|
||||
},
|
||||
{ title: "Mindful Cleansing", description: "Begin with purity." },
|
||||
{ title: "Deep Hydration", description: "Lock in the essential moisture." },
|
||||
{ title: "Radiant Finishing", description: "Seal the glow." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-dressing-table_1157-31079.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-dressing-table_1157-31079.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -232,21 +114,9 @@ export default function LandingPage() {
|
||||
title="The Essence of Luxury"
|
||||
description="Uncompromised quality and sustainable innovation in every drop."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Sustainable Sourcing",
|
||||
content: "Ethically harvested rare botanicals.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Clinical Efficacy",
|
||||
content: "Proven results for discerning skin.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Hand-Crafted Batches",
|
||||
content: "Quality over quantity, always.",
|
||||
},
|
||||
{ id: "a1", title: "Sustainable Sourcing", content: "Ethically harvested rare botanicals." },
|
||||
{ id: "a2", title: "Clinical Efficacy", content: "Proven results for discerning skin." },
|
||||
{ id: "a3", title: "Hand-Crafted Batches", content: "Quality over quantity, always." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfcare-product-bottle-with-flower_23-2149249545.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -259,24 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Customer Loyalty",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Award Winning",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Active Users",
|
||||
value: "100k+",
|
||||
},
|
||||
{ id: "m1", icon: Sparkles, title: "Customer Loyalty", value: "98%" },
|
||||
{ id: "m2", icon: Award, title: "Award Winning", value: "25+" },
|
||||
{ id: "m3", icon: Shield, title: "Active Users", value: "100k+" },
|
||||
]}
|
||||
title="The AURA Impact"
|
||||
description="Measured elegance. Results beyond expectations."
|
||||
@@ -287,15 +142,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"Tatler",
|
||||
"Forbes",
|
||||
"Marie Claire",
|
||||
"GQ",
|
||||
]}
|
||||
names={["Vogue", "Harper's Bazaar", "Elle", "Tatler", "Forbes", "Marie Claire", "GQ"]}
|
||||
title="As Featured In"
|
||||
description="The world's leading editorial voices."
|
||||
/>
|
||||
@@ -303,63 +150,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Director",
|
||||
company: "Global Luxe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-posing-with-flower-side-view_23-2149428627.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Founder",
|
||||
company: "Modern Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406010.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
role: "Editor",
|
||||
company: "Style Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179492.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
company: "Urban Form",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skincare-product-stone-with-branches_23-2152010125.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa G.",
|
||||
role: "Designer",
|
||||
company: "Creative Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female_23-2148880258.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Director", company: "Global Luxe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-posing-with-flower-side-view_23-2149428627.jpg" },
|
||||
{ id: "t2", name: "Michael K.", role: "Founder", company: "Modern Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406010.jpg" },
|
||||
{ id: "t3", name: "Emily P.", role: "Editor", company: "Style Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179492.jpg" },
|
||||
{ id: "t4", name: "David W.", role: "Architect", company: "Urban Form", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/skincare-product-stone-with-branches_23-2152010125.jpg" },
|
||||
{ id: "t5", name: "Lisa G.", role: "Designer", company: "Creative Co.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female_23-2148880258.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Rituals",
|
||||
},
|
||||
{
|
||||
value: "5*",
|
||||
label: "Experience",
|
||||
},
|
||||
{ value: "99%", label: "Retention" },
|
||||
{ value: "10k+", label: "Rituals" },
|
||||
{ value: "5*", label: "Experience" },
|
||||
]}
|
||||
title="Voices of Radiance"
|
||||
description="What our clientele is saying about the Aura journey."
|
||||
@@ -370,37 +174,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "Our Essence",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rituals",
|
||||
href: "#ritual",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
title: "Brand", items: [
|
||||
{ label: "Our Essence", href: "#about" },
|
||||
{ label: "Rituals", href: "#ritual" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shopping",
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gift Sets",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shopping", items: [
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Gift Sets", href: "#" },
|
||||
{ label: "Shipping", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user