Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -34,35 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Heritage", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Musk Alharamain"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -70,83 +56,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
imagePosition="right"
|
||||
title="Legendary Musk, Timeless Elegance"
|
||||
description="Experience the sacred fragrance tradition of the Haramain. Each bottle captures centuries of Arabian perfumery crafted for those who demand authenticity and luxury."
|
||||
kpis={[
|
||||
{
|
||||
value: "300+",
|
||||
label: "Years of Heritage",
|
||||
},
|
||||
value: "300+", label: "Years of Heritage"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfied Connoisseurs",
|
||||
},
|
||||
value: "99%", label: "Satisfied Connoisseurs"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Exclusive Blends",
|
||||
},
|
||||
value: "50+", label: "Exclusive Blends"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg"
|
||||
imageAlt="Luxurious Arabian perfume bottle"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-woman-warm-knit-black-beret_114579-9323.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-woman-warm-knit-black-beret_114579-9323.jpg", alt: "Satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-rick-woman-sitting-restaurant_52683-95232.jpg",
|
||||
alt: "Fragrance enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-rick-woman-sitting-restaurant_52683-95232.jpg", alt: "Fragrance enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197974.jpg",
|
||||
alt: "Perfume connoisseur",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197974.jpg", alt: "Perfume connoisseur"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muslim-woman-silver-color-hijab-shawl_114579-9333.jpg",
|
||||
alt: "Elegant patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/muslim-woman-silver-color-hijab-shawl_114579-9333.jpg", alt: "Elegant patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
|
||||
alt: "Distinguished client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "Distinguished client"},
|
||||
]}
|
||||
avatarText="Join our 500k+ global community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Exceptional Quality",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Exceptional Quality", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Reach",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Reach", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Practices",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Sustainable Practices", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Customer Favorites",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Customer Favorites", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Handcrafted Excellence",
|
||||
icon: Droplet,
|
||||
type: "text-icon", text: "Handcrafted Excellence", icon: Droplet,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
@@ -163,19 +120,13 @@ export default function LandingPage() {
|
||||
description="Musk Alharamain embodies the soul of Arabian perfumery, blending ancient traditions with exquisite craftsmanship. Our commitment to authentic, ethically sourced ingredients ensures each fragrance tells a story of cultural significance and timeless prestige."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Craftsmanship",
|
||||
description: "Each perfume is meticulously handcrafted using time-honored techniques passed down through generations.",
|
||||
icon: ShieldCheck,
|
||||
title: "Authentic Craftsmanship", description: "Each perfume is meticulously handcrafted using time-honored techniques passed down through generations.", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We responsibly source the finest natural ingredients, ensuring sustainability and unparalleled quality.",
|
||||
icon: Leaf,
|
||||
title: "Ethical Sourcing", description: "We responsibly source the finest natural ingredients, ensuring sustainability and unparalleled quality.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Cultural Significance",
|
||||
description: "Our fragrances capture the rich history and spiritual essence of Arabian perfumery, connecting you to a storied past.",
|
||||
icon: Crown,
|
||||
title: "Cultural Significance", description: "Our fragrances capture the rich history and spiritual essence of Arabian perfumery, connecting you to a storied past.", icon: Crown,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600784.jpg"
|
||||
@@ -190,28 +141,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rare & Precious Ingredients",
|
||||
description: "We use only the most coveted natural essences like pure Oud, Ambergris, and Saffron, ensuring a truly unique aroma.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Crown,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-certified-quality-stamp_78370-1800.jpg",
|
||||
imageAlt: "golden trophy award elegant",
|
||||
title: "Rare & Precious Ingredients", description: "We use only the most coveted natural essences like pure Oud, Ambergris, and Saffron, ensuring a truly unique aroma.", bentoComponent: "reveal-icon", icon: Crown
|
||||
},
|
||||
{
|
||||
title: "Artisanal Blending Mastery",
|
||||
description: "Each blend is a work of art, meticulously composed by master perfumers to achieve unparalleled complexity and harmony.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg?_wi=2",
|
||||
imageAlt: "golden trophy award elegant",
|
||||
title: "Artisanal Blending Mastery", description: "Each blend is a work of art, meticulously composed by master perfumers to achieve unparalleled complexity and harmony.", bentoComponent: "reveal-icon", icon: Droplet
|
||||
},
|
||||
{
|
||||
title: "Captivating & Lasting Sillage",
|
||||
description: "Experience fragrances designed for exceptional longevity and a memorable, captivating trail that lingers elegantly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-speech-bubbles-with-gold-rating-stars_107791-16206.jpg",
|
||||
imageAlt: "golden trophy award elegant",
|
||||
title: "Captivating & Lasting Sillage", description: "Experience fragrances designed for exceptional longevity and a memorable, captivating trail that lingers elegantly.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
]}
|
||||
title="The Essence of Exclusivity"
|
||||
@@ -227,47 +163,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Classic Oud",
|
||||
price: "$250.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669104.jpg",
|
||||
imageAlt: "Classic Oud perfume bottle",
|
||||
},
|
||||
id: "product-1", name: "Classic Oud", price: "$250.00", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669104.jpg", imageAlt: "Classic Oud perfume bottle"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Amber Musk Elixir",
|
||||
price: "$280.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glasses-with-champagne-bubbles_23-2148339537.jpg",
|
||||
imageAlt: "Amber Musk Elixir perfume bottle",
|
||||
},
|
||||
id: "product-2", name: "Amber Musk Elixir", price: "$280.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glasses-with-champagne-bubbles_23-2148339537.jpg", imageAlt: "Amber Musk Elixir perfume bottle"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Royal Saffron",
|
||||
price: "$320.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-saffron-still-life-arrangement_23-2149186950.jpg",
|
||||
imageAlt: "Royal Saffron perfume bottle",
|
||||
},
|
||||
id: "product-3", name: "Royal Saffron", price: "$320.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-saffron-still-life-arrangement_23-2149186950.jpg", imageAlt: "Royal Saffron perfume bottle"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Desert Rose Dream",
|
||||
price: "$220.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg",
|
||||
imageAlt: "Desert Rose Dream perfume bottle",
|
||||
},
|
||||
id: "product-4", name: "Desert Rose Dream", price: "$220.00", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg", imageAlt: "Desert Rose Dream perfume bottle"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Midnight Incense",
|
||||
price: "$295.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-macro-blue-flower_23-2148862827.jpg",
|
||||
imageAlt: "Midnight Incense perfume bottle",
|
||||
},
|
||||
id: "product-5", name: "Midnight Incense", price: "$295.00", imageSrc: "http://img.b2bpic.net/free-photo/pretty-macro-blue-flower_23-2148862827.jpg", imageAlt: "Midnight Incense perfume bottle"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Arabian Nights Essence",
|
||||
price: "$350.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-herbs-spices-blue-surface_114579-61640.jpg",
|
||||
imageAlt: "Arabian Nights Essence perfume bottle",
|
||||
},
|
||||
id: "product-6", name: "Arabian Nights Essence", price: "$350.00", imageSrc: "http://img.b2bpic.net/free-photo/different-herbs-spices-blue-surface_114579-61640.jpg", imageAlt: "Arabian Nights Essence perfume bottle"},
|
||||
]}
|
||||
title="Our Prestigious Collection"
|
||||
description="Explore our exquisite range of traditional and modern musk-based perfumes, each a masterpiece of Arabian fragrance designed for distinction."
|
||||
@@ -281,20 +187,11 @@ export default function LandingPage() {
|
||||
tag="Decades of Distinction"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "300+",
|
||||
description: "Years of Unbroken Tradition",
|
||||
},
|
||||
id: "metric-1", value: "300+", description: "Years of Unbroken Tradition"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "500K+",
|
||||
description: "Global Connoisseurs Served",
|
||||
},
|
||||
id: "metric-2", value: "500K+", description: "Global Connoisseurs Served"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "100%",
|
||||
description: "Commitment to Purity",
|
||||
},
|
||||
id: "metric-3", value: "100%", description: "Commitment to Purity"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -308,28 +205,18 @@ export default function LandingPage() {
|
||||
author="Aisha Rahman, Fragrance Connoisseur"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-model-sitting-bed-looking-camera_114579-64933.jpg",
|
||||
alt: "Aisha Rahman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-model-sitting-bed-looking-camera_114579-64933.jpg", alt: "Aisha Rahman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
|
||||
alt: "Dr. Omar Sharif",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg", alt: "Dr. Omar Sharif"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smells-flowers-against-green-summer-garden_1301-6614.jpg",
|
||||
alt: "Layla Saeed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smells-flowers-against-green-summer-garden_1301-6614.jpg", alt: "Layla Saeed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-stylish-male-dressed-elegant-suit-posing-room-with-loft-interior_613910-11849.jpg",
|
||||
alt: "Khalid Abdullah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-stylish-male-dressed-elegant-suit-posing-room-with-loft-interior_613910-11849.jpg", alt: "Khalid Abdullah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg",
|
||||
alt: "Zara Fatima",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg", alt: "Zara Fatima"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,14 +225,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxury Hotels Group",
|
||||
"Haute Parfumerie Magazine",
|
||||
"International Fragrance Awards",
|
||||
"Elite Boutiques Network",
|
||||
"Royal Collection Expos",
|
||||
"Global Scent Society",
|
||||
"Arabian Craftsmanship Guild",
|
||||
]}
|
||||
"Luxury Hotels Group", "Haute Parfumerie Magazine", "International Fragrance Awards", "Elite Boutiques Network", "Royal Collection Expos", "Global Scent Society", "Arabian Craftsmanship Guild"]}
|
||||
title="Our Esteemed Partners"
|
||||
description="Partnering with the finest, we ensure global reach and consistent luxury for our connoisseurs across the world."
|
||||
speed={40}
|
||||
@@ -358,25 +238,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What makes Arabian fragrances unique?",
|
||||
content: "Arabian fragrances, particularly musk-based ones, are renowned for their rich, complex compositions and exceptional longevity, often featuring rare ingredients like Oud, Ambergris, and exotic florals.",
|
||||
},
|
||||
id: "faq-1", title: "What makes Arabian fragrances unique?", content: "Arabian fragrances, particularly musk-based ones, are renowned for their rich, complex compositions and exceptional longevity, often featuring rare ingredients like Oud, Ambergris, and exotic florals."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long do your perfumes last?",
|
||||
content: "Our high-concentration luxury perfumes are designed for superior sillage and longevity, typically lasting 8-12 hours on skin, and even longer on clothing.",
|
||||
},
|
||||
id: "faq-2", title: "How long do your perfumes last?", content: "Our high-concentration luxury perfumes are designed for superior sillage and longevity, typically lasting 8-12 hours on skin, and even longer on clothing."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we proudly offer secure international shipping to a wide range of countries, ensuring our global clientele can experience the luxury of Musk Alharamain.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer international shipping?", content: "Yes, we proudly offer secure international shipping to a wide range of countries, ensuring our global clientele can experience the luxury of Musk Alharamain."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What is your return policy for fragrances?",
|
||||
content: "We offer a 30-day return policy for unopened and unused products in their original packaging. Please see our full terms for more details.",
|
||||
},
|
||||
id: "faq-4", title: "What is your return policy for fragrances?", content: "We offer a 30-day return policy for unopened and unused products in their original packaging. Please see our full terms for more details."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Delve deeper into the world of Arabian perfumery and our brand's unique philosophy, craftsmanship, and commitment to luxury."
|
||||
@@ -390,8 +258,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Experience Unparalleled Service"
|
||||
description="Our dedicated team is here to assist you with inquiries, custom requests, or simply to share our passion for fine Arabian fragrances. Reach out for a truly bespoke experience."
|
||||
@@ -410,67 +277,41 @@ export default function LandingPage() {
|
||||
logoText="Musk Alharamain"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Heritage", href: "#metrics"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Partners", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
title: "Collection", items: [
|
||||
{
|
||||
label: "All Perfumes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Perfumes", href: "#products"},
|
||||
{
|
||||
label: "Oud Blends",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Oud Blends", href: "#products"},
|
||||
{
|
||||
label: "Musk Elixirs",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Musk Elixirs", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user