Merge version_1 into main #1
424
src/app/page.tsx
424
src/app/page.tsx
@@ -28,309 +28,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Designs",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Prabhu Craft"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Designs", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Prabhu Craft"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elegant Saree Latkhan Designs Starting at ₹500"
|
||||
description="Discover the art of tradition with our exquisite, handcrafted saree accessories. Prabhu Craft brings heritage and modern aesthetics to your doorstep."
|
||||
tag="Luxury Handmade Craft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Designs",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502989.jpg",
|
||||
imageAlt: "Handmade Saree Latkan Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-41.jpg",
|
||||
imageAlt: "Exquisite Traditional Latkan",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503018.jpg",
|
||||
imageAlt: "Beautiful young woman wearing sari",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-inside-red-craft-gift-box_114579-12178.jpg",
|
||||
imageAlt: "Jewelry inside a red craft gift box",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-curtain_23-2151693657.jpg",
|
||||
imageAlt: "Close up on hand touching curtain",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 500+ Boutique Owners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elegant Saree Latkhan Designs Starting at ₹500"
|
||||
description="Discover the art of tradition with our exquisite, handcrafted saree accessories. Prabhu Craft brings heritage and modern aesthetics to your doorstep."
|
||||
tag="Luxury Handmade Craft"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Explore Designs", href: "#products" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502989.jpg", imageAlt: "Handmade Saree Latkan Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-41.jpg", imageAlt: "Exquisite Traditional Latkan" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 500+ Boutique Owners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Heritage & Heart"
|
||||
description="At Prabhu Craft, we blend traditional Indian aesthetics with contemporary finesse. Every Latkhan is hand-stitched with premium materials, ensuring that every piece tells a story of quality, affordability, and timeless style."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-grade fabrics and durable threads.",
|
||||
},
|
||||
{
|
||||
title: "Handmade Care",
|
||||
description: "Stitched by skilled artisans in India.",
|
||||
},
|
||||
{
|
||||
title: "Unmatched Affordability",
|
||||
description: "Luxury designs starting at just ₹500.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talented-jewellery-beads-maker-is-holding-crystal-clear-semi-precious-stone-hand_613910-18324.jpg"
|
||||
imageAlt="Artisan Craftsmanship"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Heritage & Heart"
|
||||
description="At Prabhu Craft, we blend traditional Indian aesthetics with contemporary finesse. Every Latkhan is hand-stitched with premium materials, ensuring that every piece tells a story of quality, affordability, and timeless style."
|
||||
bulletPoints={[
|
||||
{ title: "Premium Quality", description: "High-grade fabrics and durable threads." },
|
||||
{ title: "Handmade Care", description: "Stitched by skilled artisans in India." },
|
||||
{ title: "Unmatched Affordability", description: "Luxury designs starting at just ₹500." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talented-jewellery-beads-maker-is-holding-crystal-clear-semi-precious-stone-hand_613910-18324.jpg"
|
||||
imageAlt="Artisan Craftsmanship"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Prabhu",
|
||||
name: "Royal Maroon Latkan",
|
||||
price: "₹500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hindu-bride-shows-her-wedding-rings-hands-with-henna-tatt_8353-8867.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Prabhu",
|
||||
name: "Golden Floral Tassel",
|
||||
price: "₹750",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bridesmaid-helps-wear-traditional-indian-bride-dress_8353-9960.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Prabhu",
|
||||
name: "Pastel Dream Hanging",
|
||||
price: "₹600",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wallpaper-texture_1339-968.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Prabhu",
|
||||
name: "Classic Festive Latkan",
|
||||
price: "₹550",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-part-traditional-indian-wedding-women-clothes_8353-9765.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Prabhu",
|
||||
name: "Customized Bridal Set",
|
||||
price: "₹1200",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-macrame-arrangement-indoors_23-2149072840.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Prabhu",
|
||||
name: "Hand-embroidered Pearl Latkan",
|
||||
price: "₹899",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-silk-tourist-items-asian-market_1147-354.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exquisite Collections"
|
||||
description="Browse our curated selection of handmade saree ornaments designed for the modern Indian woman."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Prabhu", name: "Royal Maroon Latkan", price: "₹500", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/hindu-bride-shows-her-wedding-rings-hands-with-henna-tatt_8353-8867.jpg" },
|
||||
{ id: "2", brand: "Prabhu", name: "Golden Floral Tassel", price: "₹750", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/bridesmaid-helps-wear-traditional-indian-bride-dress_8353-9960.jpg" },
|
||||
{ id: "3", brand: "Prabhu", name: "Pastel Dream Hanging", price: "₹600", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wallpaper-texture_1339-968.jpg" }
|
||||
]}
|
||||
title="Exquisite Collections"
|
||||
description="Browse our curated selection of handmade saree ornaments designed for the modern Indian woman."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Artisanal Designs",
|
||||
value: "100+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Quality Assured",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Building trust through quality and dedicated customer service."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Artisanal Designs", value: "100+" },
|
||||
{ id: "m2", icon: CheckCircle, title: "Happy Clients", value: "500+" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Quality Assured", value: "100%" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Building trust through quality and dedicated customer service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The craftsmanship is unparalleled. My saree looks so elegant with these latkans. Highly recommended for every boutique owner!"
|
||||
rating={5}
|
||||
author="Anjali Sharma, Boutique Owner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-celebrating-tamil-new-year_23-2151210739.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg",
|
||||
alt: "Sunita",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/eastern-woman-cafe_1303-5392.jpg",
|
||||
alt: "Priya",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-holding-vintage-floral-bow-tie_23-2148175691.jpg",
|
||||
alt: "Neha",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-women-holding-shopping-bags_23-2149461698.jpg",
|
||||
alt: "Meena",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The craftsmanship is unparalleled. My saree looks so elegant with these latkans. Highly recommended for every boutique owner!"
|
||||
rating={5}
|
||||
author="Anjali Sharma, Boutique Owner"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-celebrating-tamil-new-year_23-2151210739.jpg", alt: "Anjali" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg", alt: "Sunita" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/eastern-woman-cafe_1303-5392.jpg", alt: "Priya" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-holding-vintage-floral-bow-tie_23-2148175691.jpg", alt: "Neha" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-women-holding-shopping-bags_23-2149461698.jpg", alt: "Meena" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I request custom designs?",
|
||||
content: "Yes, we specialize in custom designs tailored to your saree needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the shipping free?",
|
||||
content: "We offer shipping across India. Details are provided at checkout.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What materials do you use?",
|
||||
content: "We use premium silk, beads, zari, and quality fabric threads.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to help you choose the best."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Can I request custom designs?", content: "Yes, we specialize in custom designs tailored to your saree needs." },
|
||||
{ id: "f2", title: "Is the shipping free?", content: "We offer shipping across India. Details are provided at checkout." },
|
||||
{ id: "f3", title: "What materials do you use?", content: "We use premium silk, beads, zari, and quality fabric threads." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to help you choose the best."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Have a custom design in mind or want to bulk order? Reach out to us on WhatsApp!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Have a custom design in mind or want to bulk order? Reach out to us on WhatsApp!"
|
||||
buttons={[{ text: "WhatsApp Now", href: "https://wa.me/91XXXXXXXXXX" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Prabhu Craft"
|
||||
bottomRightText="Crafted in India"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Custom Orders", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Prabhu Craft"
|
||||
bottomRightText="Crafted in India"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user