Merge version_1 into main #1
462
src/app/page.tsx
462
src/app/page.tsx
@@ -19,329 +19,165 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Memsaab India"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Memsaab India"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Celebrating Indian Heritage"
|
||||
description="Memsaab India brings you authentic, handcrafted traditional wear that embodies the grace, color, and spirit of timeless Indian craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-shiny-silk-fabric-texture_53876-63530.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-curvy-silk-fabric-material_23-2148516045.jpg",
|
||||
alt: "Elegant customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/texture-sand-brown-crumpled-fabric_23-2148516006.jpg",
|
||||
alt: "Elegant customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solid-curvy-glitter-yellow-fabrics-curtains_23-2148516064.jpg",
|
||||
alt: "Elegant customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/red-silk-texture_1048-3963.jpg",
|
||||
alt: "Elegant customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg",
|
||||
alt: "Elegant customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50k+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Silk Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Designs",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Celebrating Indian Heritage"
|
||||
description="Memsaab India brings you authentic, handcrafted traditional wear that embodies the grace, color, and spirit of timeless Indian craftsmanship."
|
||||
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-shiny-silk-fabric-texture_53876-63530.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-curvy-silk-fabric-material_23-2148516045.jpg", alt: "Elegant customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/texture-sand-brown-crumpled-fabric_23-2148516006.jpg", alt: "Elegant customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/solid-curvy-glitter-yellow-fabrics-curtains_23-2148516064.jpg", alt: "Elegant customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/red-silk-texture_1048-3963.jpg", alt: "Elegant customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg", alt: "Elegant customer 5" },
|
||||
]}
|
||||
avatarText="Join 50k+ happy clients"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Handcrafted Excellence" },
|
||||
{ type: "text", text: "Sustainable Materials" },
|
||||
{ type: "text", text: "Global Shipping" },
|
||||
{ type: "text", text: "Premium Silk Quality" },
|
||||
{ type: "text", text: "Authentic Designs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Dedication"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Designs Crafted",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Craft",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "50k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Dedication"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Designs Crafted", value: "1000+" },
|
||||
{ icon: Award, label: "Years in Craft", value: "20+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "50k+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Material",
|
||||
description: "High-quality, ethically sourced silk and cotton fabrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-journaling-with-paint_23-2150522469.jpg",
|
||||
},
|
||||
{
|
||||
title: "Handmade Excellence",
|
||||
description: "Each piece is crafted with intricate detail by master artisans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-colorful-bracelets_23-2149672959.jpg",
|
||||
},
|
||||
{
|
||||
title: "Timeless Elegance",
|
||||
description: "Designs that bridge the gap between tradition and modern fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503018.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Memsaab India?"
|
||||
description="Discover the fusion of tradition and contemporary style."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Authentic Material", description: "High-quality, ethically sourced silk and cotton fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-journaling-with-paint_23-2150522469.jpg" },
|
||||
{ title: "Handmade Excellence", description: "Each piece is crafted with intricate detail by master artisans.", imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-colorful-bracelets_23-2149672959.jpg" },
|
||||
{ title: "Timeless Elegance", description: "Designs that bridge the gap between tradition and modern fashion.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503018.jpg" },
|
||||
]}
|
||||
title="Why Choose Memsaab India?"
|
||||
description="Discover the fusion of tradition and contemporary style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Kurti",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beautiful-yellow-dress_1303-17541.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Embroidered Saree",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicolored-golden-abstract-sequins-abstract-background_23-2148051863.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Designer Suit",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cotton Lehnga",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Festive Top",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400880.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Salwar",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of premium ethnic wear."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Silk Kurti", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beautiful-yellow-dress_1303-17541.jpg" },
|
||||
{ id: "p2", name: "Embroidered Saree", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/multicolored-golden-abstract-sequins-abstract-background_23-2148051863.jpg" },
|
||||
{ id: "p3", name: "Designer Suit", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg" },
|
||||
{ id: "p4", name: "Cotton Lehnga", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg" },
|
||||
{ id: "p5", name: "Festive Top", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400880.jpg" },
|
||||
{ id: "p6", name: "Classic Salwar", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of premium ethnic wear."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Handcrafted",
|
||||
description: "Genuine traditional techniques.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Styles",
|
||||
description: "Unique designs created annually.",
|
||||
icon: Grid,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30+",
|
||||
title: "States",
|
||||
description: "Shipping across the country.",
|
||||
icon: MapPin,
|
||||
},
|
||||
]}
|
||||
title="Impact & Legacy"
|
||||
description="Our journey through numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Handcrafted", description: "Genuine traditional techniques.", icon: CheckCircle },
|
||||
{ id: "m2", value: "500+", title: "Styles", description: "Unique designs created annually.", icon: Grid },
|
||||
{ id: "m3", value: "30+", title: "States", description: "Shipping across the country.", icon: MapPin },
|
||||
]}
|
||||
title="Impact & Legacy"
|
||||
description="Our journey through numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Priya Sharma",
|
||||
handle: "@priya",
|
||||
testimonial: "Exceptional quality and beautiful designs. I always find something special.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anita Verma",
|
||||
handle: "@anita",
|
||||
testimonial: "The fabric quality is unmatched. Memsaab India is my go-to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021871.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sunita Rao",
|
||||
handle: "@sunita",
|
||||
testimonial: "Timeless pieces that look stunning. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-picking-clothes-with-her-friend_23-2151056058.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Megha Patel",
|
||||
handle: "@megha",
|
||||
testimonial: "Authentic craftsmanship that shows in every stitch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jyoti Gupta",
|
||||
handle: "@jyoti",
|
||||
testimonial: "The service is quick and the packaging is beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Community"
|
||||
description="Read what our customers think about our craft."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Priya Sharma", handle: "@priya", testimonial: "Exceptional quality and beautiful designs. I always find something special.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7807.jpg" },
|
||||
{ id: "t2", name: "Anita Verma", handle: "@anita", testimonial: "The fabric quality is unmatched. Memsaab India is my go-to.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-short-dress_23-2149021871.jpg" },
|
||||
{ id: "t3", name: "Sunita Rao", handle: "@sunita", testimonial: "Timeless pieces that look stunning. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-picking-clothes-with-her-friend_23-2151056058.jpg" },
|
||||
{ id: "t4", name: "Megha Patel", handle: "@megha", testimonial: "Authentic craftsmanship that shows in every stitch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg" },
|
||||
{ id: "t5", name: "Jyoti Gupta", handle: "@jyoti", testimonial: "The service is quick and the packaging is beautiful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Community"
|
||||
description="Read what our customers think about our craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on our latest collections and exclusive offers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on our latest collections and exclusive offers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-modern-restaurant-with-full-comfort_140725-9761.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Memsaab India"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Shipping", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Memsaab India"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user