285 lines
9.7 KiB
TypeScript
285 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
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="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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|