bender/a3e5b98b-5023-4ebb-896d-ded9f25964dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:28:26 +00:00
parent f2260bfff0
commit e925e09d4e
1 changed files with 103 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

351
src/app/page.tsx
View File

@@ -25,260 +25,115 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collections",
id: "/products",
},
{
name: "Our Story",
id: "/about",
},
]}
brandName="Oud Al Hind"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Collections", id: "/products" },
{ name: "Our Story", id: "/about" },
]}
brandName="Oud Al Hind"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="The Essence of Timeless Luxury"
description="Discover the rare, intoxicating depths of our signature oud collection, meticulously crafted for the modern connoisseur."
buttons={[
{
text: "Explore Collection",
href: "/products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/eggs-feathers-bowl-near-plant-twigs_23-2148073873.jpg"
showDimOverlay={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097727.jpg",
alt: "Cupcake still life",
},
{
src: "http://img.b2bpic.net/free-photo/set-feathers-can_23-2148073845.jpg",
alt: "Set of feathers in can",
},
{
src: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669103.jpg",
alt: "Ecofriendly beauty product",
},
{
src: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307236.jpg",
alt: "Monochrome beauty product for skincare",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",
alt: "Luxury Black Perfume Bottle with Gold Cap on Dark Textured Background",
},
]}
avatarText="Join 5,000+ luxury connoisseurs"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="The Essence of Timeless Luxury"
description="Discover the rare, intoxicating depths of our signature oud collection, meticulously crafted for the modern connoisseur."
buttons={[{ text: "Explore Collection", href: "/products" }]}
imageSrc="http://img.b2bpic.net/free-photo/eggs-feathers-bowl-near-plant-twigs_23-2148073873.jpg"
showDimOverlay={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097727.jpg", alt: "Cupcake still life" },
{ src: "http://img.b2bpic.net/free-photo/set-feathers-can_23-2148073845.jpg", alt: "Set of feathers in can" },
{ src: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669103.jpg", alt: "Ecofriendly beauty product" },
{ src: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307236.jpg", alt: "Monochrome beauty product for skincare" },
{ src: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg", alt: "Luxury Black Perfume Bottle with Gold Cap on Dark Textured Background" },
]}
avatarText="Join 5,000+ luxury connoisseurs"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Royal Oud Intense",
price: "$350",
imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg",
},
{
id: "p2",
name: "Midnight Silk",
price: "$290",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163165.jpg",
},
{
id: "p3",
name: "Amber Majesty",
price: "$320",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232257.jpg",
},
{
id: "p4",
name: "Golden Horizon",
price: "$380",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-boxes-with-ribbons-table_181624-32513.jpg",
},
{
id: "p5",
name: "Velvet Oud",
price: "$310",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-brown-medicine-bottles_53876-142850.jpg",
},
{
id: "p6",
name: "Oud Al Hind Signature",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg",
},
]}
title="Featured Fragrances"
description="Experience our most coveted scents, curated to redefine your personal signature."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Royal Oud Intense", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg" },
{ id: "p2", name: "Midnight Silk", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163165.jpg" },
{ id: "p3", name: "Amber Majesty", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232257.jpg" },
{ id: "p4", name: "Golden Horizon", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-luxurious-boxes-with-ribbons-table_181624-32513.jpg" },
{ id: "p5", name: "Velvet Oud", price: "$310", imageSrc: "http://img.b2bpic.net/free-photo/vintage-brown-medicine-bottles_53876-142850.jpg" },
{ id: "p6", name: "Oud Al Hind Signature", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg" },
]}
title="Featured Fragrances"
description="Experience our most coveted scents, curated to redefine your personal signature."
/>
</div>
<div id="about-section" data-section="about-section">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Oud"
description="Oud Al Hind is a celebration of centuries-old Middle Eastern traditions. We source only the rarest oud, hand-selecting aged wood for a truly singular experience."
bulletPoints={[
{
title: "Rare Sourcing",
description: "Ethically harvested agarwood from remote forests.",
},
{
title: "Master Craftsmanship",
description: "Artisan distillation techniques preserving the spirit of the oud.",
},
{
title: "Exclusivity",
description: "Small-batch productions for uncompromising quality.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/retro-indian-teapots_23-2149400922.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about-section" data-section="about-section">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Oud"
description="Oud Al Hind is a celebration of centuries-old Middle Eastern traditions. We source only the rarest oud, hand-selecting aged wood for a truly singular experience."
bulletPoints={[
{ title: "Rare Sourcing", description: "Ethically harvested agarwood from remote forests." },
{ title: "Master Craftsmanship", description: "Artisan distillation techniques preserving the spirit of the oud." },
{ title: "Exclusivity", description: "Small-batch productions for uncompromising quality." },
]}
imageSrc="http://img.b2bpic.net/free-photo/retro-indian-teapots_23-2149400922.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Amira Al-Farsi",
handle: "@amira_perfumes",
testimonial: "The depth of the oud is unlike anything I've experienced. Truly majestic.",
imageSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-store-using-magnifier-tool-see-quality-stone_1303-30686.jpg",
},
{
id: "2",
name: "Omar Bin Sultan",
handle: "@o.binsultan",
testimonial: "Sophisticated, rare, and deeply personal. Oud Al Hind sets the standard.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9537.jpg",
},
{
id: "3",
name: "Fatima Zahra",
handle: "@fz_lifestyle",
testimonial: "A scent that lingers beautifully. It is an art form, not just a perfume.",
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg",
},
{
id: "4",
name: "Hassan Al-Said",
handle: "@h.alsaid",
testimonial: "Unparalleled excellence in every drop. Highly recommended for collectors.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg",
},
{
id: "5",
name: "Layla Khaled",
handle: "@laylak_official",
testimonial: "The most elegant fragrance collection in my possession. Absolute perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623370.jpg",
},
]}
title="Voices of Distinction"
description="What our clientele says about their journey into the world of luxury fragrance."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Amira Al-Farsi", handle: "@amira_perfumes", testimonial: "The depth of the oud is unlike anything I've experienced. Truly majestic.", imageSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-store-using-magnifier-tool-see-quality-stone_1303-30686.jpg" },
{ id: "2", name: "Omar Bin Sultan", handle: "@o.binsultan", testimonial: "Sophisticated, rare, and deeply personal. Oud Al Hind sets the standard.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9537.jpg" },
{ id: "3", name: "Fatima Zahra", handle: "@fz_lifestyle", testimonial: "A scent that lingers beautifully. It is an art form, not just a perfume.", imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg" },
{ id: "4", name: "Hassan Al-Said", handle: "@h.alsaid", testimonial: "Unparalleled excellence in every drop. Highly recommended for collectors.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg" },
{ id: "5", name: "Layla Khaled", handle: "@laylak_official", testimonial: "The most elegant fragrance collection in my possession. Absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623370.jpg" },
]}
title="Voices of Distinction"
description="What our clientele says about their journey into the world of luxury fragrance."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="The Art of Distinction"
description="Why choosing Oud Al Hind means choosing unparalleled luxury."
features={[
{
title: "Global Sourcing",
description: "Rare woods harvested sustainably from around the globe.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244541.jpg",
},
{
title: "Artisan Methods",
description: "Time-honored distillation techniques perfected over centuries.",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-ornate-bottles_140725-1903.jpg",
},
{
title: "Pure Concentration",
description: "High-potency formulas for enduring depth and projection.",
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-oils_23-2147930111.jpg",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="The Art of Distinction"
description="Why choosing Oud Al Hind means choosing unparalleled luxury."
features={[
{ title: "Global Sourcing", description: "Rare woods harvested sustainably from around the globe.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244541.jpg" },
{ title: "Artisan Methods", description: "Time-honored distillation techniques perfected over centuries.", imageSrc: "http://img.b2bpic.net/free-photo/liquid-ornate-bottles_140725-1903.jpg" },
{ title: "Pure Concentration", description: "High-potency formulas for enduring depth and projection.", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-spices-near-oils_23-2147930111.jpg" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/pink-smoke-background_23-2149440166.jpg?_wi=1"
logoText="Oud Al Hind"
columns={[
{
title: "Explore",
items: [
{
label: "All Fragrances",
href: "/products",
},
{
label: "Our Heritage",
href: "/about",
},
],
},
{
title: "Support",
items: [
{
label: "Shipping & Returns",
href: "#",
},
{
label: "FAQ",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/pink-smoke-background_23-2149440166.jpg"
logoText="Oud Al Hind"
columns={[
{ title: "Explore", items: [{ label: "All Fragrances", href: "/products" }, { label: "Our Heritage", href: "/about" }] },
{ title: "Support", items: [{ label: "Shipping & Returns", href: "#" }, { label: "FAQ", href: "#" }] },
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}