Merge version_1 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,47 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Essence",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Artistry",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Our Essence", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Artistry", id: "features" },
|
||||
{ name: "Insights", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Aura"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="AURA"
|
||||
description="Redefining the art of scent with timeless elegance and cinematic craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963092.jpg"
|
||||
@@ -85,19 +63,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg",
|
||||
alt: "perfumer craft essential oil ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Essence",
|
||||
},
|
||||
{ type: "text", content: "The Art of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg", alt: "perfumer craft essential oil ingredients" },
|
||||
{ type: "text", content: " Essence" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,30 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rare Ingredients",
|
||||
descriptions: [
|
||||
"Sourced from hidden corners of the world.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Pure Formulation",
|
||||
descriptions: [
|
||||
"Crafted with high-grade oils for longevity.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-flowers-ice-cubes-white-background_23-2148216266.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artistic Design",
|
||||
descriptions: [
|
||||
"Bottles crafted to reflect aesthetic grace.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Rare Ingredients", descriptions: ["Sourced from hidden corners of the world."], imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg" },
|
||||
{ id: "f2", title: "Pure Formulation", descriptions: ["Crafted with high-grade oils for longevity."], imageSrc: "http://img.b2bpic.net/free-photo/purple-flowers-ice-cubes-white-background_23-2148216266.jpg" },
|
||||
{ id: "f3", title: "Artistic Design", descriptions: ["Bottles crafted to reflect aesthetic grace."], imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420633.jpg" }
|
||||
]}
|
||||
title="Fragrance Philosophy"
|
||||
description="Meticulously curated ingredients blended to evoke memories and create timeless impressions."
|
||||
@@ -145,60 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Aura",
|
||||
name: "Midnight Bloom",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963113.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Aura",
|
||||
name: "Golden Horizon",
|
||||
price: "$145",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336369.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Aura",
|
||||
name: "Velvet Sand",
|
||||
price: "$135",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Aura",
|
||||
name: "Azure Mist",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238328.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Aura",
|
||||
name: "Crimson Rose",
|
||||
price: "$155",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Aura",
|
||||
name: "Cedar Wood",
|
||||
price: "$125",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-olive-oil-bottle-wall-with-shadow-leaves_23-2147853778.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Aura", name: "Midnight Bloom", price: "$120", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963113.jpg" },
|
||||
{ id: "p2", brand: "Aura", name: "Golden Horizon", price: "$145", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336369.jpg" },
|
||||
{ id: "p3", brand: "Aura", name: "Velvet Sand", price: "$135", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg" },
|
||||
{ id: "p4", brand: "Aura", name: "Azure Mist", price: "$110", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238328.jpg" },
|
||||
{ id: "p5", brand: "Aura", name: "Crimson Rose", price: "$155", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg" },
|
||||
{ id: "p6", brand: "Aura", name: "Cedar Wood", price: "$125", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/black-olive-oil-bottle-wall-with-shadow-leaves_23-2147853778.jpg" }
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Discover our signature scents, each telling a unique story of luxury."
|
||||
@@ -211,24 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Design Awards",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sparkles,
|
||||
title: "Unique Scents",
|
||||
value: "50+",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Happy Clients", value: "10k+" },
|
||||
{ id: "m2", icon: Award, title: "Design Awards", value: "25" },
|
||||
{ id: "m3", icon: Sparkles, title: "Unique Scents", value: "50+" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Statistics of elegance and satisfaction."
|
||||
@@ -240,56 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
date: "Oct 2023",
|
||||
title: "Timeless",
|
||||
quote: "The most exquisite fragrance I have ever owned.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-with-glass-water-giving-thumbs-up_114579-81450.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
date: "Sept 2023",
|
||||
title: "Pure Luxury",
|
||||
quote: "A true masterpiece in every drop.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-confident-dreamy-woman-dress_23-2148079385.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bewildered-brunette-girl-dressed-casual-wear-with-astonished-looking-camera-isolated-white-background_574295-2910.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
date: "Aug 2023",
|
||||
title: "Elegant",
|
||||
quote: "Sophistication redefined. Simply breathtaking.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-with-sunglasses_23-2149523779.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Liam K.",
|
||||
date: "July 2023",
|
||||
title: "Signature",
|
||||
quote: "I get compliments every time I wear it.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
date: "June 2023",
|
||||
title: "Bespoke",
|
||||
quote: "A scent that speaks for itself.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat_176420-8532.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Vance", date: "Oct 2023", title: "Timeless", quote: "The most exquisite fragrance I have ever owned.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-with-glass-water-giving-thumbs-up_114579-81450.jpg" },
|
||||
{ id: "t2", name: "Mark D.", date: "Sept 2023", title: "Pure Luxury", quote: "A true masterpiece in every drop.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-confident-dreamy-woman-dress_23-2148079385.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bewildered-brunette-girl-dressed-casual-wear-with-astonished-looking-camera-isolated-white-background_574295-2910.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", date: "Aug 2023", title: "Elegant", quote: "Sophistication redefined. Simply breathtaking.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-with-sunglasses_23-2149523779.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg" },
|
||||
{ id: "t4", name: "Liam K.", date: "July 2023", title: "Signature", quote: "I get compliments every time I wear it.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg" },
|
||||
{ id: "t5", name: "Chloe L.", date: "June 2023", title: "Bespoke", quote: "A scent that speaks for itself.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat_176420-8532.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" }
|
||||
]}
|
||||
title="Client Reflections"
|
||||
description="What our connoisseurs say about the Aura experience."
|
||||
@@ -301,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your products cruelty-free?",
|
||||
content: "Yes, we prioritize ethical sourcing and testing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does the scent last?",
|
||||
content: "Our high-grade oils ensure a 12-hour lasting effect.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer samples?",
|
||||
content: "Yes, sample kits are available in our shop.",
|
||||
},
|
||||
{ id: "q1", title: "Are your products cruelty-free?", content: "Yes, we prioritize ethical sourcing and testing." },
|
||||
{ id: "q2", title: "How long does the scent last?", content: "Our high-grade oils ensure a 12-hour lasting effect." },
|
||||
{ id: "q3", title: "Do you offer samples?", content: "Yes, sample kits are available in our shop." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
|
||||
title="Common Inquiries"
|
||||
@@ -327,10 +154,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Join the Aura Circle"
|
||||
description="Sign up for exclusive previews and scent updates."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-selfcare-products-arrangement_23-2149353134.jpg"
|
||||
@@ -342,45 +168,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Aura",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Aura", items: [{ label: "About", href: "#about" }, { label: "Collection", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Aura Perfumery"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user