Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SilkThreads"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Handcrafted for You."
|
||||
description="Discover our exclusive collection of premium silk sarees, meticulously handwoven by skilled artisans."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-13159.jpg?_wi=1",
|
||||
imageAlt: "Model in traditional silk saree",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-13159.jpg", imageAlt: "Model in traditional silk saree"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-23.jpg?_wi=1",
|
||||
imageAlt: "Close up of exquisite silk weave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-23.jpg", imageAlt: "Close up of exquisite silk weave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400917.jpg?_wi=1",
|
||||
imageAlt: "Modern styling of ethnic saree",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400917.jpg", imageAlt: "Modern styling of ethnic saree"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585747.jpg",
|
||||
imageAlt: "Detailed hand-embroidery work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585747.jpg", imageAlt: "Detailed hand-embroidery work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400868.jpg",
|
||||
imageAlt: "Festive collection display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400868.jpg", imageAlt: "Festive collection display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-with-corn-mesh-bags_23-2148617244.jpg",
|
||||
imageAlt: "Artisan working on loom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storage-with-corn-mesh-bags_23-2148617244.jpg", imageAlt: "Artisan working on loom"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -101,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Heritage"
|
||||
description={[
|
||||
"Our boutique celebrates the timeless beauty of Indian traditions by sourcing only the finest silk.",
|
||||
"Every piece tells a story of craftsmanship, dedication, and luxury designed to make you stand out.",
|
||||
]}
|
||||
"Our boutique celebrates the timeless beauty of Indian traditions by sourcing only the finest silk.", "Every piece tells a story of craftsmanship, dedication, and luxury designed to make you stand out."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Royal Kanjivaram",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503034.jpg",
|
||||
},
|
||||
id: "p1", name: "Royal Kanjivaram", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503034.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Banarasi Gold Weave",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449102.jpg",
|
||||
},
|
||||
id: "p2", name: "Banarasi Gold Weave", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449102.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Chiffon",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg",
|
||||
},
|
||||
id: "p3", name: "Floral Chiffon", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products-assortment_23-2148980974.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mysore Silk",
|
||||
price: "$229",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382815.jpg",
|
||||
},
|
||||
id: "p4", name: "Mysore Silk", price: "$229", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382815.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hand-painted Organza",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440670.jpg",
|
||||
},
|
||||
id: "p5", name: "Hand-painted Organza", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440670.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pure Tissue Silk",
|
||||
price: "$279",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721453.jpg",
|
||||
},
|
||||
id: "p6", name: "Pure Tissue Silk", price: "$279", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721453.jpg"},
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Exquisite sarees for weddings, festivals, and special occasions."
|
||||
@@ -163,49 +114,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Silk",
|
||||
description: "Verified high-quality natural silk fibers.",
|
||||
icon: Shield,
|
||||
title: "Authentic Silk", description: "Verified high-quality natural silk fibers.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626648.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626648.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575332.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575332.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-13159.jpg?_wi=2",
|
||||
imageAlt: "authentic handwoven silk quality",
|
||||
},
|
||||
{
|
||||
title: "Global Shipping",
|
||||
description: "Fast and secure delivery to your doorstep.",
|
||||
icon: Truck,
|
||||
title: "Global Shipping", description: "Fast and secure delivery to your doorstep.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-looking-camera-with-serious-face-isolated-blue-background_141793-19921.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-cardboard-boxes-looking-camera-with-serious-face-isolated-blue-background_141793-19921.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663001.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663001.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-23.jpg?_wi=2",
|
||||
imageAlt: "authentic handwoven silk quality",
|
||||
},
|
||||
{
|
||||
title: "Styling Assistance",
|
||||
description: "Custom styling advice for any event.",
|
||||
icon: Sparkles,
|
||||
title: "Styling Assistance", description: "Custom styling advice for any event.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461557.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461557.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-friends-shopping-together-shop-assistant-helping-customer-choose-cloth-medium-shot-fashion-store-retail-concept_74855-11918.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-friends-shopping-together-shop-assistant-helping-customer-choose-cloth-medium-shot-fashion-store-retail-concept_74855-11918.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400917.jpg?_wi=2",
|
||||
imageAlt: "authentic handwoven silk quality",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -220,52 +153,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
tag: "Casual",
|
||||
price: "$99",
|
||||
period: "/piece",
|
||||
description: "Beautiful daily wear options.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Pure Cotton Blend",
|
||||
"Soft Finish",
|
||||
"Eco-Friendly",
|
||||
],
|
||||
id: "b1", tag: "Casual", price: "$99", period: "/piece", description: "Beautiful daily wear options.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Pure Cotton Blend", "Soft Finish", "Eco-Friendly"],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
tag: "Premium",
|
||||
price: "$250",
|
||||
period: "/piece",
|
||||
description: "Expertly woven silk pieces.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Pure Silk",
|
||||
"Intricate Borders",
|
||||
"Gift Wrapping",
|
||||
],
|
||||
id: "b2", tag: "Premium", price: "$250", period: "/piece", description: "Expertly woven silk pieces.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Pure Silk", "Intricate Borders", "Gift Wrapping"],
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
tag: "Luxury",
|
||||
price: "$500+",
|
||||
period: "/piece",
|
||||
description: "Masterpieces for special days.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Pure Zari Silk",
|
||||
"Hand-crafted",
|
||||
"Bespoke Service",
|
||||
],
|
||||
id: "b3", tag: "Luxury", price: "$500+", period: "/piece", description: "Masterpieces for special days.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Pure Zari Silk", "Hand-crafted", "Bespoke Service"],
|
||||
},
|
||||
]}
|
||||
title="Pricing Options"
|
||||
@@ -281,45 +184,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Priya S.",
|
||||
role: "Wedding Planner",
|
||||
company: "Mumbai Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautyful-thai-woman-wearing-thai-dress-smile_1150-15609.jpg",
|
||||
},
|
||||
id: "t1", name: "Priya S.", role: "Wedding Planner", company: "Mumbai Events", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautyful-thai-woman-wearing-thai-dress-smile_1150-15609.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ananya K.",
|
||||
role: "Architect",
|
||||
company: "Delhi Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400883.jpg",
|
||||
},
|
||||
id: "t2", name: "Ananya K.", role: "Architect", company: "Delhi Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400883.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rohan M.",
|
||||
role: "Entrepreneur",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400865.jpg",
|
||||
},
|
||||
id: "t3", name: "Rohan M.", role: "Entrepreneur", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400865.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sunita V.",
|
||||
role: "Doctor",
|
||||
company: "City Clinic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-thai-dress-that-made-hand-symbol_1150-15610.jpg",
|
||||
},
|
||||
id: "t4", name: "Sunita V.", role: "Doctor", company: "City Clinic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-thai-dress-that-made-hand-symbol_1150-15610.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vijay R.",
|
||||
role: "Teacher",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shopaholic-woman_1098-2415.jpg",
|
||||
},
|
||||
id: "t5", name: "Vijay R.", role: "Teacher", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shopaholic-woman_1098-2415.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our happy clients are saying."
|
||||
@@ -332,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to care for silk?",
|
||||
content: "Dry clean is recommended for all our premium silk sarees.",
|
||||
},
|
||||
id: "f1", title: "How to care for silk?", content: "Dry clean is recommended for all our premium silk sarees."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping time?",
|
||||
content: "We ship worldwide within 7-10 business days.",
|
||||
},
|
||||
id: "f2", title: "Shipping time?", content: "We ship worldwide within 7-10 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Return policy?",
|
||||
content: "Returns accepted within 14 days for unworn products.",
|
||||
},
|
||||
id: "f3", title: "Return policy?", content: "Returns accepted within 14 days for unworn products."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers here."
|
||||
@@ -357,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join our Community"
|
||||
description="Sign up for updates on our latest collections."
|
||||
@@ -369,29 +237,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user