Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -16,194 +16,110 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
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: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
{
|
||||
name: "Contacts",
|
||||
id: "contacts",
|
||||
},
|
||||
]}
|
||||
brandName="NANO KA ACHAAR"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Contacts", id: "contacts" },
|
||||
]}
|
||||
brandName="NANO KA ACHAAR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Nano Ka Achaar"
|
||||
description="An archive of flavour. Hand-crafted in small batches. No preservatives. Like a building: layer by layer, ingredient by ingredient."
|
||||
buttons={[
|
||||
{
|
||||
text: "View the Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-minimal-boutique-twitch-banner_23-2149323290.jpg?_wi=1"
|
||||
imageAlt="Artisan pickle jar"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Nano Ka Achaar"
|
||||
description="An archive of flavour. Hand-crafted in small batches. No preservatives. Like a building: layer by layer, ingredient by ingredient."
|
||||
buttons={[{ text: "View the Collection", href: "#shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-minimal-boutique-twitch-banner_23-2149323290.jpg"
|
||||
imageAlt="Artisan pickle jar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carrot Pickle",
|
||||
price: "PKR 500",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pickled-tomatoes-glass-jar-with-fork_23-2148738073.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Crushed Pickle",
|
||||
price: "PKR 800",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Garlic Pickle",
|
||||
price: "PKR 900",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361446.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amla Pickle",
|
||||
price: "PKR 800",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-jar-pickle-female-hand-taking-pickle-from-jar_114579-65630.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mix Pickle",
|
||||
price: "PKR 800",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-preserved-vegetables-jars_23-2148626050.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Green Chilli Pickle",
|
||||
price: "PKR 600",
|
||||
variant: "Small Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-feijoa-with-green-bell-pepper-lemon-dark-surface-fruit-citrus-plant-meal_140725-101901.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Where tradition meets taste."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order via WhatsApp",
|
||||
href: "https://wa.me/923285523529",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Carrot Pickle", price: "PKR 500", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pickled-tomatoes-glass-jar-with-fork_23-2148738073.jpg" },
|
||||
{ id: "2", name: "Crushed Pickle", price: "PKR 800", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg" },
|
||||
{ id: "3", name: "Garlic Pickle", price: "PKR 900", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361446.jpg" },
|
||||
{ id: "4", name: "Amla Pickle", price: "PKR 800", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-jar-pickle-female-hand-taking-pickle-from-jar_114579-65630.jpg" },
|
||||
{ id: "5", name: "Mix Pickle", price: "PKR 800", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/delicious-preserved-vegetables-jars_23-2148626050.jpg" },
|
||||
{ id: "6", name: "Green Chilli Pickle", price: "PKR 600", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-feijoa-with-green-bell-pepper-lemon-dark-surface-fruit-citrus-plant-meal_140725-101901.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Where tradition meets taste."
|
||||
buttons={[{ text: "Order via WhatsApp", href: "https://wa.me/923285523529" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The Garlic Pickle has structural integrity — each clove stands firm, yet tender. Unforgettable."
|
||||
rating={5}
|
||||
author="Ayesha K., Lahore"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-pickled-tomatoes-glass-jar-with-fork_23-2148738073.jpg",
|
||||
alt: "Reviewer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg",
|
||||
alt: "Reviewer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361446.jpg",
|
||||
alt: "Reviewer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-jar-pickle-female-hand-taking-pickle-from-jar_114579-65630.jpg",
|
||||
alt: "Reviewer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-preserved-vegetables-jars_23-2148626050.jpg",
|
||||
alt: "Reviewer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The Garlic Pickle has structural integrity — each clove stands firm, yet tender. Unforgettable."
|
||||
rating={5}
|
||||
author="Ayesha K., Lahore"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-pickled-tomatoes-glass-jar-with-fork_23-2148738073.jpg", alt: "Reviewer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg", alt: "Reviewer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361446.jpg", alt: "Reviewer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-jar-pickle-female-hand-taking-pickle-from-jar_114579-65630.jpg", alt: "Reviewer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-preserved-vegetables-jars_23-2148626050.jpg", alt: "Reviewer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Blueprint of a Pickle"
|
||||
description="Nano Ka Achaar was not born in a factory. It was built in a home kitchen — where oil shimmers like morning light on limestone, where spices are measured like load-bearing walls. Every jar is handmade, sun-dried, and aged like good concrete. No shortcuts."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Handmade",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
title: "Preservatives",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Support",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-minimal-boutique-twitch-banner_23-2149323290.jpg?_wi=2"
|
||||
imageAlt="Pickle studio production"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="story" data-section="story">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Blueprint of a Pickle"
|
||||
description="Nano Ka Achaar was not born in a factory. It was built in a home kitchen — where oil shimmers like morning light on limestone, where spices are measured like load-bearing walls. Every jar is handmade, sun-dried, and aged like good concrete. No shortcuts."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Handmade" },
|
||||
{ value: "0", title: "Preservatives" },
|
||||
{ value: "24h", title: "Support" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-minimal-boutique-twitch-banner_23-2149323290.jpg"
|
||||
imageAlt="Pickle studio production"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacts" data-section="contacts">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="DM for orders on WhatsApp: +92 3285523529. We respond within 2 hours."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/923285523529",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contacts" data-section="contacts">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="DM for orders on WhatsApp: +92 3285523529. We respond within 2 hours."
|
||||
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/923285523529" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="NANO KA ACHAAR"
|
||||
copyrightText="© 2025 | Homemade pickles | Since tradition"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="NANO KA ACHAAR"
|
||||
copyrightText="© 2025 | Homemade pickles | Since tradition"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user