Update src/app/page.tsx
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Mail, Headphones, ShieldCheck, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Collections", id: "#catalog"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SareeBloom"
|
||||
/>
|
||||
@@ -55,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="SareeBloom"
|
||||
description="Exquisite handcrafted Indian sarees, woven with tradition and tailored for your most precious moments. Discover the timeless elegance of authentic craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Collections", href: "#catalog"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-flamenca-with-manila-shawl_23-2148235275.jpg"
|
||||
@@ -96,238 +82,57 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "SareeBloom",
|
||||
name: "Royal Kanjivaram Silk",
|
||||
price: "₹12,500",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewel-details-hands-woman-wearing-sari-dress_23-2149565176.jpg",
|
||||
},
|
||||
id: "p1", brand: "SareeBloom", name: "Royal Kanjivaram Silk", price: "₹12,500", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/jewel-details-hands-woman-wearing-sari-dress_23-2149565176.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "SareeBloom",
|
||||
name: "Banarasi Grandeur",
|
||||
price: "₹15,000",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399257.jpg",
|
||||
},
|
||||
id: "p2", brand: "SareeBloom", name: "Banarasi Grandeur", price: "₹15,000", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399257.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "SareeBloom",
|
||||
name: "Floral Chiffon Delight",
|
||||
price: "₹4,500",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400868.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "SareeBloom",
|
||||
name: "Classic Handloom Cotton",
|
||||
price: "₹2,800",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-with-long-dark-hair-tropical-location_1321-4062.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "SareeBloom",
|
||||
name: "Georgette Party Glam",
|
||||
price: "₹6,200",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-tradition-sari-garment_52683-90226.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "SareeBloom",
|
||||
name: "Minimalist Raw Silk",
|
||||
price: "₹8,900",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400917.jpg",
|
||||
},
|
||||
id: "p3", brand: "SareeBloom", name: "Floral Chiffon Delight", price: "₹4,500", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400868.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our latest selection of hand-woven masterpieces, featuring traditional craftsmanship redefined for the modern woman."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Authentic Craftsmanship",
|
||||
descriptions: [
|
||||
"100% hand-woven quality from local artisans.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502989.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Shipping",
|
||||
descriptions: [
|
||||
"Fast, secure delivery to your doorstep, anywhere in the world.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-inside-finger-nice-infant_1304-916.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Secure Payments",
|
||||
descriptions: [
|
||||
"Your data is protected with enterprise-grade encryption.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg",
|
||||
},
|
||||
]}
|
||||
title="The SareeBloom Promise"
|
||||
description="Experience superior quality and unmatched service with every purchase, designed to celebrate your unique grace."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Priya Sharma",
|
||||
role: "Wedding Guest",
|
||||
testimonial: "The quality of the silk was beyond my expectations. Received so many compliments!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-wearing-traditional-sari-garment_23-2149565121.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ananya Reddy",
|
||||
role: "Bride",
|
||||
testimonial: "My bridal saree was breathtaking. Truly felt like royalty on my special day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Meera Iyer",
|
||||
role: "Professional",
|
||||
testimonial: "Perfect drape and beautiful texture. Excellent customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-woman-posing_23-2150725556.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sunita Das",
|
||||
role: "Festival Enthusiast",
|
||||
testimonial: "Love the collection! So authentic and vibrant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-sari_23-2149461703.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kavita Rao",
|
||||
role: "Regular Customer",
|
||||
testimonial: "SareeBloom is my go-to for every festive season. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400860.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear from our beloved customers who have graced their occasions with our sarees."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I care for my silk saree?",
|
||||
content: "We recommend professional dry cleaning for all our pure silk sarees to maintain their luster.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally with tracked insurance on all shipments.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return a purchase?",
|
||||
content: "Yes, we offer a 14-day hassle-free return policy if the product remains unused.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your saree care or shipping? Find answers here."
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Expert Assistance"
|
||||
description="Frequently asked questions about our heritage sarees, shipping processes, and care guidelines."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I maintain my silk sarees?", content: "Always opt for professional dry cleaning to ensure the longevity of the intricate zari work." },
|
||||
{ id: "q2", title: "Do you ship internationally?", content: "Yes, we offer insured, expedited global shipping to all major locations." },
|
||||
{ id: "q3", title: "Can I schedule a style consultation?", content: "Absolutely. Contact our concierge team to book a virtual session with our lead stylists." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Have a specific style in mind? Our personal stylists are here to help you find the perfect match."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@sareebloom.com",
|
||||
},
|
||||
]}
|
||||
<ContactCTA
|
||||
tag="Concierge Support"
|
||||
title="Need Bespoke Assistance?"
|
||||
description="Our premium styling team and logistics experts are available 24/7 to ensure your experience with SareeBloom is nothing short of exceptional."
|
||||
buttons={[{ text: "Connect with Stylist", href: "mailto:support@sareebloom.com" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterCard
|
||||
logoText="SareeBloom"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sarees",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
copyrightText="© 2025 SareeBloom. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:info@sareebloom.com", ariaLabel: "Email Us" },
|
||||
{ icon: Headphones, href: "#", ariaLabel: "Support Chat" },
|
||||
{ icon: ShieldCheck, href: "#", ariaLabel: "Security Policy" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user