181 lines
7.9 KiB
TypeScript
181 lines
7.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Globe, Heart, Home, Instagram, Leaf, Shield, ShieldCheck, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Sunder Emporium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Sunder Emporium: Curated Lifestyle Goods"
|
|
description="Inspired by our Instagram community, we bring you an artisan collection that turns houses into homes. Explore our latest finds designed for soulful, mindful living."
|
|
kpis={[
|
|
{ value: "500+", label: "Artisan Items" },
|
|
{ value: "15K", label: "Community Members" },
|
|
{ value: "5.0", label: "Rated Quality" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://images.unsplash.com/photo-1513519245088-0e12902e5a38?q=80&w=2070&auto=format&fit=crop"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Sustainable", icon: Leaf },
|
|
{ type: "text-icon", text: "Artisan Crafted", icon: Home },
|
|
{ type: "text-icon", text: "Global Sourcing", icon: Globe },
|
|
{ type: "text-icon", text: "Mindful Living", icon: Heart },
|
|
{ type: "text-icon", text: "Quality Guaranteed", icon: ShieldCheck },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{ type: "text", content: "Reflecting the " },
|
|
{ type: "image", src: "https://images.unsplash.com/photo-1493663284031-b7e3aefcae8e?q=80&w=1000&auto=format&fit=crop", alt: "Lifestyle" },
|
|
{ type: "text", content: " beauty shared on our feed." },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", brand: "Sunder", name: "Hand-Woven Basket", price: "$55", rating: 5, reviewCount: "19", imageSrc: "https://images.unsplash.com/photo-1590779033100-9f60a05a013d?q=80&w=800&auto=format&fit=crop" },
|
|
{ id: "2", brand: "Sunder", name: "Linen Throw Blanket", price: "$85", rating: 5, reviewCount: "24", imageSrc: "https://images.unsplash.com/photo-1600121848597-d86b97669d03?q=80&w=800&auto=format&fit=crop" },
|
|
{ id: "3", brand: "Sunder", name: "Ceramic Vessel", price: "$45", rating: 5, reviewCount: "12", imageSrc: "https://images.unsplash.com/photo-1578749556568-bc5c40e6d561?q=80&w=800&auto=format&fit=crop" },
|
|
{ id: "4", brand: "Sunder", name: "Brass Candle Holder", price: "$32", rating: 4, reviewCount: "8", imageSrc: "https://images.unsplash.com/photo-1603006905003-be475564fe59?q=80&w=800&auto=format&fit=crop" },
|
|
]}
|
|
title="Curated From Our Instagram"
|
|
description="Shop the pieces our community loves most, sourced directly from global artisans."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ icon: Sparkles, title: "Artisan Craft", description: "Handcrafted goods with soul." },
|
|
{ icon: Shield, title: "Ethical Sourcing", description: "Fair treatment, conscious materials." },
|
|
{ icon: Award, title: "Global Design", description: "Brought to you from across the world." },
|
|
]}
|
|
title="The Sunder Standard"
|
|
description="Quality and aesthetics hand-picked for your home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Community Growth"
|
|
tag="Instagram Milestones"
|
|
metrics={[
|
|
{ id: "m1", value: "50K+", description: "Followers" },
|
|
{ id: "m2", value: "120", description: "Artisans Partnered" },
|
|
{ id: "m3", value: "4.9", description: "Avg. Satisfaction" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", handle: "@sunderfan", testimonial: "Love everything I've seen on the feed, even better in person!", rating: 5 },
|
|
{ id: "2", name: "Marcus L.", handle: "@homeaesthetic", testimonial: "The quality is exactly what you see on Instagram. Exceptional.", rating: 5 },
|
|
{ id: "3", name: "Elena P.", handle: "@elena_decor", testimonial: "Such a curated and unique collection. My home feels complete.", rating: 5 },
|
|
]}
|
|
showRating={true}
|
|
title="As Seen on Instagram"
|
|
description="Our community shares their Sunder Emporium finds every day."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Shipping times?", content: "3-7 business days." },
|
|
{ id: "f2", title: "Can I return?", content: "Yes, within 30 days." },
|
|
{ id: "f3", title: "Sourcing?", content: "Global independent artisans." },
|
|
]}
|
|
imageSrc="https://images.unsplash.com/photo-1544376798-89aa6b82c0cd?q=80&w=1000&auto=format&fit=crop"
|
|
mediaAnimation="slide-up"
|
|
title="Common Questions"
|
|
description="Everything you need to know about our shop and community."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Join the Community"
|
|
title="Follow Our Journey"
|
|
description="Stay updated with our newest artisan collections and community stories."
|
|
buttons={[{ text: "Join Newsletter", href: "#" }]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Sunder Emporium"
|
|
columns={[
|
|
{ title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Best Sellers", href: "#" }] },
|
|
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Artisans", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2025 Sunder Emporium. Inspired by your home."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |