Merge version_1_1782153516875 into main #2
@@ -12,255 +12,134 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Exquisite Fragrances"
|
||||
title="Timeless Elegance in Every Drop"
|
||||
description="Discover a collection of artisanal perfumes crafted for the modern luxury experience. Immerse yourself in notes that tell a unique story."
|
||||
primaryButton={{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420724.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Exquisite Fragrances"
|
||||
title="Timeless Elegance in Every Drop"
|
||||
description="Discover a collection of artisanal perfumes crafted for the modern luxury experience. Immerse yourself in notes that tell a unique story."
|
||||
primaryButton={{ text: "Discover Collection", href: "#products" }}
|
||||
secondaryButton={{ text: "About Us", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420724.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Crafting the Unforgettable"
|
||||
primaryButton={{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Crafting the Unforgettable"
|
||||
primaryButton={{ text: "Our Philosophy", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Exquisite Scents"
|
||||
title="Curated Collections"
|
||||
description="Explore our signature perfumes, each blended with the finest ingredients from around the world."
|
||||
items={[
|
||||
{
|
||||
title: "Royal Amber",
|
||||
description: "A deep, warm scent with hints of cedar and golden resins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-circle-front-black-wall_181624-6880.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Midnight Bloom",
|
||||
description: "Floral notes dancing with mystery and soft velvet undertones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Azure Mist",
|
||||
description: "Fresh sea breeze captured in a bottle, invigorating and bold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg",
|
||||
},
|
||||
{
|
||||
title: "Velvet Oud",
|
||||
description: "Classic oud wood layered with spices and woody richness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292040.jpg",
|
||||
},
|
||||
{
|
||||
title: "Citrus Gold",
|
||||
description: "Zesty citrus notes balanced with earthy warm wood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480195.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sandalwood Silk",
|
||||
description: "Soft sandalwood infused with gentle cream and spice notes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ethereal Musk",
|
||||
description: "Light, airy musk with subtle floral accents that linger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-girly-arrangement_23-2148229212.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Exquisite Scents"
|
||||
title="Curated Collections"
|
||||
description="Explore our signature perfumes, each blended with the finest ingredients from around the world."
|
||||
items={[
|
||||
{ title: "Royal Amber", description: "A deep, warm scent with hints of cedar and golden resins.", imageSrc: "http://img.b2bpic.net/free-photo/metal-circle-front-black-wall_181624-6880.jpg" },
|
||||
{ title: "Midnight Bloom", description: "Floral notes dancing with mystery and soft velvet undertones.", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg" },
|
||||
{ title: "Azure Mist", description: "Fresh sea breeze captured in a bottle, invigorating and bold.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg" },
|
||||
{ title: "Velvet Oud", description: "Classic oud wood layered with spices and woody richness.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292040.jpg" },
|
||||
{ title: "Citrus Gold", description: "Zesty citrus notes balanced with earthy warm wood.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480195.jpg" },
|
||||
{ title: "Sandalwood Silk", description: "Soft sandalwood infused with gentle cream and spice notes.", imageSrc: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg" },
|
||||
{ title: "Ethereal Musk", description: "Light, airy musk with subtle floral accents that linger.", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-girly-arrangement_23-2148229212.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="The Art of Scent"
|
||||
title="Why Choose Arfaa?"
|
||||
description="Excellence defined through process and passion."
|
||||
features={[
|
||||
{
|
||||
title: "Rare Ingredients",
|
||||
description: "Sourced from the most remote locations.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-table_23-2148229230.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669130.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420724.jpg?_wi=2",
|
||||
imageAlt: "perfume ingredients artistic",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted",
|
||||
description: "Small batches for maximum quality.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-circle-front-black-wall_181624-6880.jpg?_wi=2",
|
||||
imageAlt: "perfume ingredients artistic",
|
||||
},
|
||||
{
|
||||
title: "Long-Lasting",
|
||||
description: "Formula designed for endurance.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Longevity",
|
||||
value: "12hr+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality",
|
||||
value: "Pure",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
label: "Concentration",
|
||||
value: "High",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg?_wi=2",
|
||||
imageAlt: "perfume ingredients artistic",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Art of Scent"
|
||||
title="Why Choose Arfaa?"
|
||||
description="Excellence defined through process and passion."
|
||||
features={[
|
||||
{
|
||||
title: "Rare Ingredients", description: "Sourced from the most remote locations.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girly-composition-table_23-2148229230.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669130.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Handcrafted", description: "Small batches for maximum quality.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Long-Lasting", description: "Formula designed for endurance.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Clock", label: "Longevity", value: "12hr+" },
|
||||
{ icon: "Award", label: "Quality", value: "Pure" },
|
||||
{ icon: "Droplet", label: "Concentration", value: "High" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Client Stories"
|
||||
title="What Connoisseurs Say"
|
||||
description="Experience excellence through the lens of our esteemed patrons."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
role: "Collector",
|
||||
quote: "The most exquisite scent I have ever encountered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus D.",
|
||||
role: "Business Owner",
|
||||
quote: "Arfaa represents the pinnacle of luxury perfumery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trumpet-player-walking-upstairs-looking-his-left_23-2147624422.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
quote: "I get compliments everywhere I go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9598.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Architect",
|
||||
quote: "Clean, sophisticated, and absolutely timeless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia R.",
|
||||
role: "Stylist",
|
||||
quote: "The artistry is simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="What Connoisseurs Say"
|
||||
description="Experience excellence through the lens of our esteemed patrons."
|
||||
testimonials={[
|
||||
{ name: "Elena V.", role: "Collector", quote: "The most exquisite scent I have ever encountered.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-transgender-posing_23-2149154631.jpg" },
|
||||
{ name: "Marcus D.", role: "Business Owner", quote: "Arfaa represents the pinnacle of luxury perfumery.", imageSrc: "http://img.b2bpic.net/free-photo/trumpet-player-walking-upstairs-looking-his-left_23-2147624422.jpg" },
|
||||
{ name: "Sarah J.", role: "Creative Director", quote: "I get compliments everywhere I go.", imageSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9598.jpg" },
|
||||
{ name: "David L.", role: "Architect", quote: "Clean, sophisticated, and absolutely timeless.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg" },
|
||||
{ name: "Sofia R.", role: "Stylist", quote: "The artistry is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Scents Created",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Countries Served",
|
||||
value: "35+",
|
||||
},
|
||||
]}
|
||||
description="The scale of our dedication to fragrance."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
metrics={[
|
||||
{ icon: "Droplets", title: "Scents Created", value: "50+" },
|
||||
{ icon: "Star", title: "Happy Clients", value: "10k+" },
|
||||
{ icon: "MapPin", title: "Countries Served", value: "35+" }
|
||||
]}
|
||||
description="The scale of our dedication to fragrance."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your queries regarding luxury fragrance care."
|
||||
items={[
|
||||
{
|
||||
question: "How should I store my perfume?",
|
||||
answer: "Keep away from direct sunlight and temperature fluctuations.",
|
||||
},
|
||||
{
|
||||
question: "Are your fragrances sustainable?",
|
||||
answer: "We prioritize ethical sourcing for every raw material.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer international shipping?",
|
||||
answer: "Yes, we ship our perfumes globally with climate-controlled packaging.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your queries regarding luxury fragrance care."
|
||||
items={[
|
||||
{ question: "How should I store my perfume?", answer: "Keep away from direct sunlight and temperature fluctuations." },
|
||||
{ question: "Are your fragrances sustainable?", answer: "We prioritize ethical sourcing for every raw material." },
|
||||
{ question: "Do you offer international shipping?", answer: "Yes, we ship our perfumes globally with climate-controlled packaging." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Inquire"
|
||||
text="Join our inner circle for exclusive updates and early access."
|
||||
primaryButton={{
|
||||
text: "Contact Consultant",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Catalogue",
|
||||
href: "#products",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Inquire"
|
||||
text="Join our inner circle for exclusive updates and early access."
|
||||
primaryButton={{ text: "Contact Consultant", href: "#" }}
|
||||
secondaryButton={{ text: "View Catalogue", href: "#products" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user