261 lines
14 KiB
TypeScript
261 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Award, CheckCircle, Leaf, Globe, Sparkles, Zap, Trophy, Heart, Clock, Wind, Star, Beaker, Users, Package, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Essence & Allure"
|
|
navItems={[
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Discover Your Signature Scent"
|
|
description="Experience luxury fragrances crafted with the finest ingredients from around the world. Find the perfect perfume that expresses your unique essence and personality."
|
|
tag="Premium Fragrances"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-elegant-fragrance-with-necklace-black-gift-package-pink-surface_140725-20517.jpg"
|
|
imageAlt="Luxury perfume bottle showcase"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Shop Collections", href: "#collections" },
|
|
{ text: "View Our Story", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Beauty Editor, Luxury Mag", testimonial: "The most exquisite fragrances I've ever experienced. Pure elegance in every bottle.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "James Chen", handle: "Fragrance Connoisseur", testimonial: "Impeccable quality and a truly memorable olfactory experience. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-modern-stylish-male-glance-grey-background_613910-1586.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Victoria Laurent", handle: "Fashion & Lifestyle", testimonial: "These perfumes have become an essential part of my daily luxury routine.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg?_wi=1"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<ProductCardFour
|
|
title="Featured Collections"
|
|
description="Explore our curated selection of premium fragrances, each crafted to perfection with unique olfactory profiles."
|
|
tag="New Arrivals"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "1", name: "Rose Éclat", price: "$189", variant: "100ml • Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-minimal-wedding-invitation-template_23-2149014183.jpg", imageAlt: "Rose Éclat perfume bottle", isFavorited: false
|
|
},
|
|
{
|
|
id: "2", name: "Amber Nocturne", price: "$215", variant: "100ml • Extrait de Parfum", imageSrc: "http://img.b2bpic.net/free-vector/elegant-autumn-sale-with-watercolor-style_23-2147671054.jpg", imageAlt: "Amber Nocturne perfume bottle", isFavorited: false
|
|
},
|
|
{
|
|
id: "3", name: "Citrus Luminance", price: "$165", variant: "100ml • Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17737.jpg", imageAlt: "Citrus Luminance perfume bottle", isFavorited: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="The Art of Perfumery"
|
|
description="Founded by master perfumers with over 50 years of combined experience, Essence & Allure represents the pinnacle of fragrance craftsmanship. We blend traditional techniques with innovative scent composition to create unforgettable olfactory experiences."
|
|
tag="Our Heritage"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-cleaning-bowl_23-2148883419.jpg?_wi=1"
|
|
imageAlt="Artisan perfume creation studio"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="Why Choose Our Fragrances"
|
|
description="Discover the perfection behind every bottle and experience fragrance excellence."
|
|
tag="Quality Assurance"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Premium Ingredients", description: "Sourced from the finest suppliers worldwide, our ingredients guarantee unmatched quality and longevity in every fragrance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cleaning-bowl_23-2148883419.jpg?_wi=2" },
|
|
items: [
|
|
{ icon: Leaf, text: "100% natural essence extraction" },
|
|
{ icon: Globe, text: "Globally sourced premium materials" },
|
|
{ icon: Sparkles, text: "Ethically harvested ingredients" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Expert Craftsmanship", description: "Each fragrance is meticulously blended by our master perfumers using traditional and contemporary techniques.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cleaning-bowl_23-2148883419.jpg?_wi=3" },
|
|
items: [
|
|
{ icon: Zap, text: "Masterful scent composition" },
|
|
{ icon: Trophy, text: "Award-winning fragrances" },
|
|
{ icon: Heart, text: "Passion in every creation" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "Long-Lasting Luxury", description: "Our perfumes are formulated to provide exceptional longevity, with sillage that lasts from dawn to dusk.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-cleaning-bowl_23-2148883419.jpg?_wi=4" },
|
|
items: [
|
|
{ icon: Clock, text: "12+ hour fragrance duration" },
|
|
{ icon: Wind, text: "Perfect sillage projection" },
|
|
{ icon: Star, text: "Unforgettable presence" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Loved by Fragrance Enthusiasts"
|
|
description="Hear from customers who have discovered their signature scent with us."
|
|
tag="Customer Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Emma Richardson", role: "Fashion Designer", company: "Couture Studios", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "David Morrison", role: "Executive", company: "Luxury Brands Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-modern-stylish-male-glance-grey-background_613910-1586.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Sophia Delgado", role: "Lifestyle Influencer", company: "Elegance & Style", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Thompson", role: "Entrepreneur", company: "Prestige Collection", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "50K+", label: "Happy customers worldwide" },
|
|
{ value: "98%", label: "Customer satisfaction rate" },
|
|
{ value: "25+", label: "Award-winning fragrances" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Impact"
|
|
description="Celebrating excellence in fragrance innovation and customer satisfaction."
|
|
tag="Achievements"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500", title: "Fragrances Created", description: "Years of innovation and perfumery excellence", icon: Beaker
|
|
},
|
|
{
|
|
id: "2", value: "50K", title: "Global Clients", description: "Fragrance enthusiasts from around the world", icon: Users
|
|
},
|
|
{
|
|
id: "3", value: "25", title: "International Awards", description: "Recognized for excellence and innovation", icon: Award
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our fragrances and services."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the shelf life of your perfumes?", content: "Our fragrances are formulated to maintain their integrity for 3-5 years when stored properly in cool, dark places away from direct sunlight. The sealed bottles ensure maximum longevity of the scent profile."
|
|
},
|
|
{
|
|
id: "2", title: "Are your fragrances suitable for sensitive skin?", content: "Yes, all our fragrances are hypoallergenic and dermatologist-tested. We use only premium, pure ingredients without harmful chemicals. However, we recommend performing a patch test first if you have extremely sensitive skin."
|
|
},
|
|
{
|
|
id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied with your fragrance, simply return it in original condition for a full refund, no questions asked."
|
|
},
|
|
{
|
|
id: "4", title: "How do I choose the right fragrance for me?", content: "We recommend exploring different fragrance families: floral, oriental, fresh, woody, and chypre. Consider your personal style and preferences. Our fragrance consultants are available to help you find your perfect scent."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer samples before purchasing full bottles?", content: "Absolutely! We provide complimentary sample sets so you can experience our fragrances before committing to a full-size bottle. Request your samples when placing an order."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Essence & Allure"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |