Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -18,216 +18,126 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sindhudyog"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sindhudyog"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Sindhudyog"
|
||||
description="Authentic Konkan flavours, curated from the heart of Sindhudurg. Experience the taste of traditional, homemade, premium food products."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Know Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg?_wi=1"
|
||||
imageAlt="Authentic Konkan Food Products"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Sindhudyog"
|
||||
description="Authentic Konkan flavours, curated from the heart of Sindhudurg. Experience the taste of traditional, homemade, premium food products."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Know Our Story", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg"
|
||||
imageAlt="Authentic Konkan Food Products"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "100% Authentic",
|
||||
description: "Sourced directly from traditional Konkan roots.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Homemade Quality",
|
||||
description: "Crafted with love and traditional recipes.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "No Preservatives",
|
||||
description: "Pure, natural ingredients in every jar.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Premium Packaging",
|
||||
description: "Safe, aesthetic, and spill-proof delivery.",
|
||||
},
|
||||
]}
|
||||
title="Why Sindhudyog?"
|
||||
description="Our commitment to authenticity ensures that every product you receive carries the true essence of Konkan traditions."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: ShieldCheck, title: "100% Authentic", description: "Sourced directly from traditional Konkan roots." },
|
||||
{ icon: Utensils, title: "Homemade Quality", description: "Crafted with love and traditional recipes." },
|
||||
{ icon: Leaf, title: "No Preservatives", description: "Pure, natural ingredients in every jar." },
|
||||
{ icon: Award, title: "Premium Packaging", description: "Safe, aesthetic, and spill-proof delivery." },
|
||||
]}
|
||||
title="Why Sindhudyog?"
|
||||
description="Our commitment to authenticity ensures that every product you receive carries the true essence of Konkan traditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Malvani Masala (500g)",
|
||||
price: "₹550",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kokum Sarbat (1L)",
|
||||
price: "₹250",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lasun Chutney (500g)",
|
||||
price: "₹230",
|
||||
variant: "Garlic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gir Cow Ghee (500ml)",
|
||||
price: "₹990",
|
||||
variant: "Pure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Discover our range of premium Konkan essentials."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Malvani Masala (500g)", price: "₹550", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg" },
|
||||
{ id: "2", name: "Kokum Sarbat (1L)", price: "₹250", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg" },
|
||||
{ id: "3", name: "Lasun Chutney (500g)", price: "₹230", variant: "Garlic", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg" },
|
||||
{ id: "4", name: "Gir Cow Ghee (500ml)", price: "₹990", variant: "Pure", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-preserved-vegetables_23-2148626044.jpg" },
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Discover our range of premium Konkan essentials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Rooted in Sindhudurg.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/bridge-lake-blue-sky_1150-12913.jpg",
|
||||
alt: "Origin story",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Rooted in Sindhudurg." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/bridge-lake-blue-sky_1150-12913.jpg", alt: "Origin story" },
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The Malvani Masala is exactly like what my grandma used to make! Truly authentic Konkan flavors."
|
||||
rating={5}
|
||||
author="Anjali Deshmukh"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-fresh-cheese_23-2150267643.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/baker-wearing-bonete-recording-podcast-traditional-food-recipe-using-flour-cracked-eggs-influencer-chef-using-internet-technology-communicating-shooting-social-media-with-digital-equipment_482257-14425.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-senior-man-looking-camera_23-2148036714.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-fresh-cheese_23-2150267643.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The Malvani Masala is exactly like what my grandma used to make! Truly authentic Konkan flavors."
|
||||
rating={5}
|
||||
author="Anjali Deshmukh"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-fresh-cheese_23-2150267643.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/baker-wearing-bonete-recording-podcast-traditional-food-recipe-using-flour-cracked-eggs-influencer-chef-using-internet-technology-communicating-shooting-social-media-with-digital-equipment_482257-14425.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-senior-man-looking-camera_23-2148036714.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-fresh-cheese_23-2150267643.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Visit Us in Panvel"
|
||||
description="Shop no 1, Tulsi Corner, plot no 87/88 A, Sector 21, Kamothe, Panvel, Maharashtra 410209. Open: Morning to 1:30 PM, 4 PM onwards."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Visit Us in Panvel"
|
||||
description="Shop no 1, Tulsi Corner, plot no 87/88 A, Sector 21, Kamothe, Panvel, Maharashtra 410209. Open: Morning to 1:30 PM, 4 PM onwards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Sindhudyog"
|
||||
copyrightText="© 2025 Sindhudyog | All Rights Reserved"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Sindhudyog"
|
||||
copyrightText="© 2025 Sindhudyog | All Rights Reserved"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user