429 lines
17 KiB
TypeScript
429 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Droplet, Leaf, ShieldCheck, Sparkles, Tag } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "Skincare",
|
|
id: "#skincare",
|
|
},
|
|
{
|
|
name: "IranPour Men",
|
|
id: "#iranpour",
|
|
},
|
|
{
|
|
name: "Wholesale",
|
|
id: "#wholesale",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udbkoo"
|
|
logoAlt="IranDokht logo"
|
|
brandName="IranDokht"
|
|
bottomLeftText="Global Luxury Community"
|
|
bottomRightText="contact@irandokht.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Unveiling Persian Luxury"
|
|
description="Discover IranDokht: where ancient beauty traditions meet modern elegance. Curated skincare, meticulously sourced for unparalleled quality."
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Shop Premium Skincare",
|
|
href: "#skincare",
|
|
},
|
|
{
|
|
text: "B2B Wholesale Portal",
|
|
href: "#wholesale",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149080881.jpg?_wi=1"
|
|
imageAlt="High-fashion model with luxury skincare products"
|
|
showDimOverlay={true}
|
|
showBlur={false}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
|
alt: "Customer testimonial avatar 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
|
alt: "Customer testimonial avatar 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
|
alt: "Customer testimonial avatar 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-4143.jpg",
|
|
alt: "Customer testimonial avatar 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150167199.jpg",
|
|
alt: "Customer testimonial avatar 5",
|
|
},
|
|
]}
|
|
avatarText="Trusted by over 10,000 discerning clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="values" data-section="values">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "100% Authentic Imports",
|
|
description: "We guarantee the authenticity of every product, directly imported from reputable international brands.",
|
|
icon: ShieldCheck,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669127.jpg",
|
|
imageAlt: "Authenticity seal",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313068.jpg",
|
|
imageAlt: "Quality certification",
|
|
},
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udbkoo&_wi=1",
|
|
imageAlt: "luxury men's cologne dark bottle",
|
|
},
|
|
{
|
|
title: "Direct UAE Sourcing & Price Guarantee",
|
|
description: "Leveraging direct sourcing from the UAE ensures competitive pricing without compromising on genuine luxury.",
|
|
icon: Tag,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg",
|
|
imageAlt: "UAE skyline",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg",
|
|
imageAlt: "Price tag icon",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149080881.jpg?_wi=2",
|
|
imageAlt: "luxury men's cologne dark bottle",
|
|
},
|
|
{
|
|
title: "Curated European & K-Beauty Lines",
|
|
description: "Our selection spans the finest European elegance and innovative K-Beauty, handpicked for discerning tastes.",
|
|
icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/warm-colors-vase-with-dark-flowers_23-2151843555.jpg",
|
|
imageAlt: "European city",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326579.jpg",
|
|
imageAlt: "Korean beauty product",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=1",
|
|
imageAlt: "luxury men's cologne dark bottle",
|
|
},
|
|
]}
|
|
title="Our Unwavering Commitment to Excellence"
|
|
description="At IranDokht, luxury isn't just a label—it's a promise backed by our core values, ensuring every product embodies authenticity and superior quality."
|
|
tag="Our Philosophy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="skincare" data-section="skincare">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "prod-1",
|
|
name: "Saffron Elixir Serum",
|
|
price: "$120.00",
|
|
variant: "30ml",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=2",
|
|
imageAlt: "Saffron Elixir Serum bottle",
|
|
},
|
|
{
|
|
id: "prod-2",
|
|
name: "Rose Hydrating Mist",
|
|
price: "$65.00",
|
|
variant: "100ml",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg",
|
|
imageAlt: "Rose Hydrating Mist spray bottle",
|
|
},
|
|
{
|
|
id: "prod-3",
|
|
name: "Persian Silk Face Cream",
|
|
price: "$150.00",
|
|
variant: "50g",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg",
|
|
imageAlt: "Persian Silk Face Cream jar",
|
|
},
|
|
{
|
|
id: "prod-4",
|
|
name: "Argan Oil Repair Mask",
|
|
price: "$85.00",
|
|
variant: "200ml",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg",
|
|
imageAlt: "Argan Oil Repair Mask tube",
|
|
},
|
|
{
|
|
id: "prod-5",
|
|
name: "Pistachio Lip Balm",
|
|
price: "$45.00",
|
|
variant: "15g",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307307.jpg",
|
|
imageAlt: "Pistachio Lip Balm container",
|
|
},
|
|
{
|
|
id: "prod-6",
|
|
name: "Luxury Hand & Body Lotion",
|
|
price: "$95.00",
|
|
variant: "250ml",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721418.jpg",
|
|
imageAlt: "Luxury Hand & Body Lotion bottle",
|
|
},
|
|
]}
|
|
title="Discover Premium Skincare"
|
|
description="Elevate your beauty ritual with IranDokht's meticulously curated selection of high-performance skincare."
|
|
tag="Signature Collection"
|
|
/>
|
|
</div>
|
|
|
|
<div id="iranpour" data-section="iranpour">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Obsidian Black No. I",
|
|
description: "A bold and mysterious blend of oud, black pepper, and vetiver, evoking the ancient strength of Persian nights.",
|
|
icon: Droplet,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottle-perfumes-pink-wall-with-flowers_169016-5739.jpg",
|
|
imageAlt: "Obsidian Black No. I cologne bottle",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg",
|
|
imageAlt: "Close up of cologne bottle",
|
|
},
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=udbkoo&_wi=2",
|
|
imageAlt: "luxury men's cologne dark bottle",
|
|
},
|
|
{
|
|
title: "Sultani Green No. II",
|
|
description: "Fresh and vibrant notes of cypress, bergamot, and a hint of sandalwood, reminiscent of royal Persian gardens.",
|
|
icon: Leaf,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg",
|
|
imageAlt: "Sultani Green No. II cologne bottle",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420646.jpg",
|
|
imageAlt: "Cologne bottle on dark stone",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149080881.jpg?_wi=3",
|
|
imageAlt: "luxury men's cologne dark bottle",
|
|
},
|
|
]}
|
|
title="The IranPour Quarter: Masculine Elegance"
|
|
description="A dedicated collection for the modern man. Experience the deep, sophisticated aromas of our luxury cologne, crafted for distinction and enduring presence."
|
|
tag="IranPour Collection"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Beyond Expectations",
|
|
quote: "IranDokht's skincare has transformed my routine. The quality and authenticity are unmatched. Truly a class apart.",
|
|
name: "Dr. Elara Khan",
|
|
role: "Dermatologist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
|
imageAlt: "Dr. Elara Khan",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "A Touch of Opulence",
|
|
quote: "The IranPour cologne is exquisite. It's sophisticated, long-lasting, and perfectly complements my style.",
|
|
name: "Mr. Reza Alavi",
|
|
role: "Entrepreneur",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
|
|
imageAlt: "Mr. Reza Alavi",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Pure Luxury, Real Results",
|
|
quote: "I've never experienced such effective and luxurious products. IranDokht delivers on every promise.",
|
|
name: "Ms. Jasmine Shah",
|
|
role: "Luxury Lifestyle Influencer",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642530.jpg",
|
|
imageAlt: "Ms. Jasmine Shah",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "The Gold Standard",
|
|
quote: "From sourcing to customer service, IranDokht sets the gold standard. My go-to for premium beauty.",
|
|
name: "Mr. Amir Nassiri",
|
|
role: "Gallery Owner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-positive-young-woman-keeps-eyes-closed-daydreams-about-something-smiles-pleasantly-keeps-hands-head-wears-comfortable-knitted-sweater-poses-against-pink-background-happy-feelings_273609-57269.jpg",
|
|
imageAlt: "Mr. Amir Nassiri",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Unparalleled Quality",
|
|
quote: "The K-Beauty selection is fantastic, and the European imports are divine. I trust IranDokht completely.",
|
|
name: "Dr. Lena Dubois",
|
|
role: "Cosmetic Scientist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-portrait-blondie-straight-hair_633478-1294.jpg",
|
|
imageAlt: "Dr. Lena Dubois",
|
|
},
|
|
]}
|
|
title="Voices of Distinction"
|
|
description="Our clients share their unparalleled experiences with IranDokht, reflecting the essence of luxury and satisfaction."
|
|
tag="Our Esteemed Clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Hermes",
|
|
"Dior",
|
|
"Chanel",
|
|
"Estee Lauder",
|
|
"Shiseido",
|
|
"Amorepacific",
|
|
"L'Occitane",
|
|
]}
|
|
title="Trusted Partners, Global Reach"
|
|
description="Collaborating with esteemed partners globally, we ensure direct access to authentic luxury and curated excellence."
|
|
tag="Our Collaborators"
|
|
speed={60}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "How do you ensure product authenticity?",
|
|
content: "We directly source all products from authorized distributors in the UAE and Europe, maintaining a stringent verification process to guarantee 100% authenticity.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "What is the B2B Wholesale Portal?",
|
|
content: "Our B2B portal is designed for Tehran shopkeepers and galleries to access exclusive bulk pricing and product catalogs. Inquiries are handled via direct WhatsApp for efficiency.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "Do you ship internationally?",
|
|
content: "Yes, we offer premium international shipping services to select countries, ensuring your luxury items arrive safely and efficiently.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "What is IranPour?",
|
|
content: "IranPour is our exclusive men's luxury line, featuring high-end colognes and grooming essentials, crafted with a masculine aesthetic and deep, sophisticated fragrances.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Inquiries"
|
|
description="Find answers to common questions about IranDokht's products, sourcing, and wholesale opportunities."
|
|
tag="Need Assistance?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="wholesale" data-section="wholesale">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="B2B Partnership"
|
|
title="B2B Wholesale Portal Access"
|
|
description="For Tehran shopkeepers and galleries: Request instant access to our exclusive bulk pricing catalog and explore partnership opportunities. Connect directly via WhatsApp for swift service."
|
|
inputPlaceholder="Enter your gallery/shop name"
|
|
buttonText="Request Access"
|
|
termsText="By clicking Request Access you're confirming that you agree with our Wholesale Terms and Conditions. Our team will contact you via WhatsApp."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/illustration-business-shop-logo-stamp-banner_53876-3734.jpg"
|
|
logoAlt="IranDokht logo"
|
|
logoText="IranDokht"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|