331 lines
16 KiB
TypeScript
331 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Crown, Diamond, Layers, Leaf, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "#products"}}
|
|
logoSrc="http://img.b2bpic.net/free-photo/happy-new-year-2022-3d-render-transparent-psd-file_460848-6845.jpg"
|
|
logoAlt="Elegance Emporium Logo"
|
|
brandName="Elegance Emporium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Discover Exquisite Style for Every Moment"
|
|
description="Curated collections of premium products, designed to elevate your everyday. Experience elegance and quality with every purchase at Elegance Emporium."
|
|
kpis={[
|
|
{
|
|
value: "1000+", label: "Happy Customers"},
|
|
{
|
|
value: "500+", label: "Unique Products"},
|
|
{
|
|
value: "100%", label: "Quality Guaranteed"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Shop Now", href: "#products"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg"
|
|
imageAlt="Luxurious display of high-end products"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", alt: "Satisfied customer profile"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg", alt: "Happy customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Client review portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg", alt: "Professional customer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Smiling customer"},
|
|
]}
|
|
avatarText="Join our community of style enthusiasts!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Exquisite Quality", icon: Diamond,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Curated Collections", icon: Layers,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ethical Sourcing", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Exceptional Service", icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Timeless Elegance", icon: Crown,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Commitment to Quality & Craftsmanship"
|
|
metrics={[
|
|
{
|
|
icon: Diamond,
|
|
label: "Premium Quality", value: "Handpicked Materials"},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Exquisite Design", value: "Artisan Craftsmanship"},
|
|
{
|
|
icon: Award,
|
|
label: "Customer Satisfaction", value: "Guaranteed Excellence"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Uncompromising Quality, Unmatched Experience"
|
|
description="We meticulously select each item, ensuring superior materials and exquisite craftsmanship. Discover the difference true dedication makes in every piece from our collection."
|
|
accordionItems={[
|
|
{
|
|
id: "feature-1", title: "Handpicked Collections", content: "Every item in our store is carefully curated to meet the highest standards of style and quality, ensuring unique finds for discerning tastes."},
|
|
{
|
|
id: "feature-2", title: "Ethical Sourcing", content: "We partner with suppliers who uphold ethical labor practices and sustainable material sourcing, reflecting our commitment to responsibility."},
|
|
{
|
|
id: "feature-3", title: "Sustainable Practices", content: "Our dedication extends to eco-friendly packaging and reduced environmental impact, contributing to a more sustainable future."},
|
|
{
|
|
id: "feature-4", title: "Exceptional Support", content: "Our customer service team is dedicated to providing personalized assistance, ensuring a smooth and satisfying shopping journey from start to finish."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-water-droplets-white-brown-feather_23-2148114585.jpg"
|
|
imageAlt="Close-up of a handcrafted luxury product"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "product-1", brand: "Timeless", name: "Classic Leather Handbag", price: "$299.00", rating: 5,
|
|
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669601.jpg", imageAlt: "Classic Leather Handbag"},
|
|
{
|
|
id: "product-2", brand: "Lumina", name: "Ceramic Scented Candle", price: "$45.00", rating: 4.8,
|
|
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-natural-argan-product_23-2148955805.jpg", imageAlt: "Ceramic Scented Candle"},
|
|
{
|
|
id: "product-3", brand: "Artisan", name: "Hand-Carved Wooden Bowl", price: "$89.00", rating: 4.9,
|
|
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11195.jpg", imageAlt: "Hand-Carved Wooden Bowl"},
|
|
{
|
|
id: "product-4", brand: "Serene", name: "Silk Embroidered Cushion", price: "$65.00", rating: 4.7,
|
|
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-organic-soap-bars_23-2150533296.jpg", imageAlt: "Silk Embroidered Cushion"},
|
|
{
|
|
id: "product-5", brand: "Aura", name: "Minimalist Gold Ring", price: "$150.00", rating: 5,
|
|
reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-clips_23-2149871680.jpg", imageAlt: "Minimalist Gold Ring"},
|
|
{
|
|
id: "product-6", brand: "Veridian", name: "Botanical Room Diffuser", price: "$55.00", rating: 4.6,
|
|
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-piles-books_23-2147767718.jpg", imageAlt: "Botanical Room Diffuser"},
|
|
]}
|
|
title="Our Featured Collections"
|
|
description="Explore our handpicked selection of items, crafted with attention to detail and designed to enhance your lifestyle with timeless elegance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Standard", price: "$0 / month", subtitle: "Essential Access", buttons: [
|
|
{
|
|
text: "Sign Up", href: "#"},
|
|
],
|
|
features: [
|
|
"Access to all collections", "Standard customer support", "Email newsletters", "Exclusive seasonal offers"],
|
|
},
|
|
{
|
|
id: "premium", badge: "Premium", badgeIcon: Crown,
|
|
price: "$19 / month", subtitle: "Enhanced Experience", buttons: [
|
|
{
|
|
text: "Choose Premium", href: "#"},
|
|
],
|
|
features: [
|
|
"All Standard features", "Priority customer support", "Early access to new arrivals", "Birthday month discount", "Free shipping on all orders"],
|
|
},
|
|
{
|
|
id: "vip", badge: "VIP", badgeIcon: Star,
|
|
price: "$49 / month", subtitle: "Ultimate Exclusivity", buttons: [
|
|
{
|
|
text: "Become VIP", href: "#"},
|
|
],
|
|
features: [
|
|
"All Premium features", "Dedicated personal shopper", "Exclusive VIP-only events", "Complimentary gift wrapping", "Annual luxury gift"],
|
|
},
|
|
]}
|
|
title="Exclusive Membership Benefits"
|
|
description="Unlock premium perks, early access, and special discounts with our tiered membership options designed for the ultimate shopping experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Elegance Emporium is my ultimate destination for luxury. Their impeccable selection and outstanding service consistently exceed my expectations. Each piece is a true testament to quality and sophistication."
|
|
rating={5}
|
|
author="Eleanor Vance, Loyal Customer"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-dark-skinned-girl-looks-joyfully_273609-28709.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-pointing-with-index-figners-camera-happy-cheerful-smiling-broadly_141793-55370.jpg", alt: "Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg", alt: "Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-content-mature-business-man-office_1262-2979.jpg", alt: "David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Jessica Lee"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What is your shipping policy?", content: "We offer worldwide shipping with various options. Standard shipping usually takes 5-7 business days, while express options are available for faster delivery. Please refer to our Shipping Policy page for more details."},
|
|
{
|
|
id: "faq-2", title: "How do I return or exchange an item?", content: "Returns and exchanges are accepted within 30 days of purchase, provided the item is unused and in its original packaging. Simply visit our Returns Center or contact customer support to initiate the process."},
|
|
{
|
|
id: "faq-3", title: "Do you offer international shipping?", content: "Yes, we proudly offer international shipping to a wide range of countries. Shipping costs and delivery times may vary based on your location. Customs duties and taxes may apply."},
|
|
{
|
|
id: "faq-4", title: "How can I track my order?", content: "Once your order is shipped, you will receive a confirmation email with a tracking number and a link to monitor its journey. You can also log into your account to check your order status."},
|
|
{
|
|
id: "faq-5", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, Amex), PayPal, and other secure payment gateways. All transactions are encrypted for your security."},
|
|
{
|
|
id: "faq-6", title: "Do you offer gift cards?", content: "Yes, digital gift cards are available for purchase in various denominations. They make the perfect gift for any occasion and are delivered instantly via email."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, shipping, returns, and more. We're here to make your experience as smooth as possible."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Connect With Us"
|
|
title="Have a Question? We're Here to Help"
|
|
description="Reach out to our dedicated customer support team for personalized assistance. We're committed to ensuring your complete satisfaction with every aspect of your shopping experience."
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "mailto:support@eleganceemporium.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-photo/happy-new-year-2022-3d-render-transparent-psd-file_460848-6845.jpg"
|
|
logoAlt="Elegance Emporium Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Shop", href: "#"},
|
|
{
|
|
label: "All Products", href: "#products"},
|
|
{
|
|
label: "New Arrivals", href: "#products"},
|
|
{
|
|
label: "Best Sellers", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Company", href: "#"},
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Memberships", href: "#pricing"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Support", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Shipping & Returns", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Elegance Emporium"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|