Update src/app/page.tsx
This commit is contained in:
315
src/app/page.tsx
315
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sunder Emporium"
|
||||
/>
|
||||
@@ -55,77 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Curated Elegance for Your Home"
|
||||
description="Discover a collection of thoughtfully sourced lifestyle goods designed to bring warmth, character, and beauty to your everyday spaces."
|
||||
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: "Unique Items",
|
||||
},
|
||||
{
|
||||
value: "15K",
|
||||
label: "Happy Homes",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
{ value: "500+", label: "Artisan Items" },
|
||||
{ value: "15K", label: "Community Members" },
|
||||
{ value: "5.0", label: "Rated Quality" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1513519245088-0e12902e5a38?q=80&w=2070&auto=format&fit=crop"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-works-luxurious-clothing-store_482257-76679.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40124.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-coffee-cup_23-2149708066.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585917.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176657.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
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,
|
||||
},
|
||||
{ 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>
|
||||
@@ -134,19 +68,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/view-toilet-bag-products_23-2149879474.jpg",
|
||||
alt: "Curated Shop",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Mindful Living",
|
||||
},
|
||||
{ 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>
|
||||
@@ -158,63 +82,13 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Sunder",
|
||||
name: "Ceramic Vessel",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440665.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Sunder",
|
||||
name: "Linen Throw",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-soap-with-brush_23-2150829647.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Sunder",
|
||||
name: "Brass Candle Holder",
|
||||
price: "$32",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440625.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Sunder",
|
||||
name: "Woven Basket",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-front-view_23-2148835357.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Sunder",
|
||||
name: "Stone Coaster Set",
|
||||
price: "$28",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-chair_23-2149591627.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Sunder",
|
||||
name: "Wooden Serving Tray",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/number-five-wooden-table_1162-64.jpg",
|
||||
},
|
||||
{ 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="Our Latest Collection"
|
||||
description="Explore our newest arrivals, carefully selected to complement your unique lifestyle and home aesthetic."
|
||||
title="Curated From Our Instagram"
|
||||
description="Shop the pieces our community loves most, sourced directly from global artisans."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -224,48 +98,24 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Artisan Quality",
|
||||
description: "Handpicked goods crafted by skilled makers worldwide.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Materials and methods that respect our planet.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Curated Design",
|
||||
description: "Timeless aesthetics for modern, mindful living.",
|
||||
},
|
||||
{ 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="Why Choose Sunder Emporium"
|
||||
description="We are dedicated to quality, sustainability, and supporting artisan craft, ensuring every item in our emporium is worthy of your home."
|
||||
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 Impact"
|
||||
tag="Milestones"
|
||||
title="Our Community Growth"
|
||||
tag="Instagram Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Global Artisans",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
description: "Recycled Materials",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
description: "Avg. Happiness Index",
|
||||
},
|
||||
{ id: "m1", value: "50K+", description: "Followers" },
|
||||
{ id: "m2", value: "120", description: "Artisans Partnered" },
|
||||
{ id: "m3", value: "4.9", description: "Avg. Satisfaction" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -277,50 +127,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahhome",
|
||||
testimonial: "The attention to detail in every piece is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-arranging-racks-with-clothes_482257-85378.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
handle: "@mliving",
|
||||
testimonial: "Finally, home goods that are both beautiful and ethical.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@elenaart",
|
||||
testimonial: "Everything I've bought brings so much warmth into my home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiled-beautiful-caucasian-woman-with-friends-cozy-cafe_8353-10012.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dwdesign",
|
||||
testimonial: "Top-tier quality and the design speaks for itself.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149313449.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloelife",
|
||||
testimonial: "My go-to emporium for every gift and treat for myself.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg",
|
||||
},
|
||||
{ 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="Loved by Our Community"
|
||||
description="See why homes across the globe choose Sunder Emporium for their most cherished decor finds."
|
||||
title="As Seen on Instagram"
|
||||
description="Our community shares their Sunder Emporium finds every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,26 +142,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is shipping?",
|
||||
content: "Shipping usually takes 3-7 business days for domestic orders.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we accept returns within 30 days of purchase in original condition.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where do you source?",
|
||||
content: "We source from independent artisans across Europe, Asia, and the Americas.",
|
||||
},
|
||||
{ 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="http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owners_23-2149149729.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1544376798-89aa6b82c0cd?q=80&w=1000&auto=format&fit=crop"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers. Find out more about our shipping, sourcing, and return policies."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our shop and community."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -356,13 +157,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Emporium"
|
||||
description="Sign up for our newsletter to get first dibs on exclusive collections and artisan stories."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join the Community"
|
||||
title="Follow Our Journey"
|
||||
description="Stay updated with our newest artisan collections and community stories."
|
||||
imageSrc="https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1000&auto=format&fit=crop"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -370,17 +169,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Sunder Emporium"
|
||||
copyrightText="© 2025 Sunder Emporium. Curating beauty for mindful living."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/sunderemporium",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sunder Emporium. Inspired by your home."
|
||||
socialLinks={[{ icon: Instagram, href: "https://instagram.com/sunderemporium", ariaLabel: "Instagram" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user