306 lines
17 KiB
TypeScript
306 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 FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
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="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<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: "#wholesale"},
|
|
]}
|
|
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"
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
]}
|
|
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=1", 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?_wi=1", 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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
]}
|
|
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">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/illustration-business-shop-logo-stamp-banner_53876-3734.jpg"
|
|
logoAlt="IranDokht logo"
|
|
logoText="IranDokht"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Wholesale", href: "#wholesale"},
|
|
{
|
|
label: "Contact Us", href: "#wholesale"},
|
|
]},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Skincare", href: "#skincare"},
|
|
{
|
|
label: "IranPour Men", href: "#iranpour"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Social Proof", href: "#social-proof"},
|
|
]},
|
|
{
|
|
items: [
|
|
{
|
|
label: "WhatsApp", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
]},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Stay Connected", href: "#"},
|
|
{
|
|
label: "Subscribe for updates", href: "#"},
|
|
]}
|
|
]}
|
|
className="bg-[#2F4F4F] text-[var(--background)]"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |