Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-23 05:37:17 +00:00

View File

@@ -28,331 +28,145 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="ChaiG"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="ChaiG"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "plain",
}}
title="Authentic Chai, Real Connections"
description="Experience the warmth of traditional Indian chai at ChaiG. From morning brews to evening snacks, we bring the best of the street culture to your table."
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-light-background-color-morning-breakfast-food-fruit-flower-flavor_140725-159200.jpg",
imageAlt: "traditional indian chai tea cup",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-lemon-tea-dried-herbs-with-dry-cinnamon-spoon-lemon_176474-1898.jpg",
imageAlt: "fresh chai being poured",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/toast-with-pineapple-jam-tea-breakfast-rustic_501050-469.jpg",
imageAlt: "indian breakfast snack variety",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-wearing-hat-glasses-using-cellphone_171337-19568.jpg",
imageAlt: "warm cafe atmosphere",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-sitting-table_23-2149358462.jpg",
imageAlt: "happy people enjoying chai",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/english-tea-with-copy-space_23-2148322162.jpg",
imageAlt: "spices used in chai",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "plain" }}
title="Authentic Chai, Real Connections"
description="Experience the warmth of traditional Indian chai at ChaiG. From morning brews to evening snacks, we bring the best of the street culture to your table."
buttons={[{ text: "View Our Menu", href: "#menu" }]}
carouselItems={[
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-light-background-color-morning-breakfast-food-fruit-flower-flavor_140725-159200.jpg", imageAlt: "traditional indian chai tea cup" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-lemon-tea-dried-herbs-with-dry-cinnamon-spoon-lemon_176474-1898.jpg", imageAlt: "fresh chai being poured" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-pineapple-jam-tea-breakfast-rustic_501050-469.jpg", imageAlt: "indian breakfast snack variety" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-wearing-hat-glasses-using-cellphone_171337-19568.jpg", imageAlt: "warm cafe atmosphere" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-sitting-table_23-2149358462.jpg", imageAlt: "happy people enjoying chai" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/english-tea-with-copy-space_23-2148322162.jpg", imageAlt: "spices used in chai" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="A Legacy of Taste"
metrics={[
{
icon: Coffee,
label: "Cups Served",
value: "1M+",
},
{
icon: Clock,
label: "Years Active",
value: "5+",
},
{
icon: MapPin,
label: "Locations",
value: "12+",
},
{
icon: Users,
label: "Happy Customers",
value: "500k+",
},
{
icon: Award,
label: "Awards Won",
value: "8",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="A Legacy of Taste"
metrics={[
{ icon: Coffee, label: "Cups Served", value: "1M+" },
{ icon: Clock, label: "Years Active", value: "5+" },
{ icon: MapPin, label: "Locations", value: "12+" },
{ icon: Users, label: "Happy Customers", value: "500k+" },
{ icon: Award, label: "Awards Won", value: "8" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Masala Chai",
price: "₹20",
variant: "Hot",
imageSrc: "http://img.b2bpic.net/free-photo/steaming-cups-spiced-tea-with-hazelnuts_23-2152002842.jpg",
},
{
id: "p2",
name: "Veg Samosa",
price: "₹15",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce-view_23-2148825160.jpg",
},
{
id: "p3",
name: "Bun Maska",
price: "₹30",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/swirly-sweet-bun-marble_114579-23909.jpg",
},
{
id: "p4",
name: "Cold Coffee",
price: "₹70",
variant: "Cold",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg",
},
{
id: "p5",
name: "Veg Sandwich",
price: "₹50",
variant: "Quick Bite",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-sandwich-with-cheese-ham-lemonade-flat-lay-wooden-cutting-board_176474-8424.jpg",
},
{
id: "p6",
name: "Mix Pakoda",
price: "₹40",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg",
},
]}
title="Our Signature Menu"
description="Handcrafted beverages and authentic snacks."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
products={[
{ id: "p1", name: "Masala Chai", price: "₹20", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cups-spiced-tea-with-hazelnuts_23-2152002842.jpg" },
{ id: "p2", name: "Veg Samosa", price: "₹15", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce_23-2148825160.jpg" },
{ id: "p3", name: "Bun Maska", price: "₹30", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/swirly-sweet-bun-marble_114579-23909.jpg" },
{ id: "p4", name: "Cold Coffee", price: "₹70", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg" },
{ id: "p5", name: "Veg Sandwich", price: "₹50", variant: "Quick Bite", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-sandwich-with-cheese-ham-lemonade-flat-lay-wooden-cutting-board_176474-8424.jpg" },
{ id: "p6", name: "Mix Pakoda", price: "₹40", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg" },
]}
title="Our Signature Menu"
description="Handcrafted beverages and authentic snacks."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "Farm Fresh Ingredients",
description: "Sourced daily for the most authentic taste.",
imageSrc: "http://img.b2bpic.net/free-photo/fornt-view-young-barista-holding-plate-with-dried-tea_140725-14572.jpg",
},
{
title: "Hygiene First",
description: "Strict kitchen safety standards.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727961.jpg",
},
{
title: "Service with Heart",
description: "We treat every customer like family.",
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-satisfaction-feedback-icon_53876-124008.jpg",
},
{
title: "Authentic Recipes",
description: "Passed down through generations.",
imageSrc: "http://img.b2bpic.net/free-photo/young-barista-holding-glass-with-dried-tea_140725-14655.jpg",
},
{
title: "Community Focus",
description: "Building connections, one cup at a time.",
imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-139687.jpg",
},
]}
title="Why Choose ChaiG?"
description="Quality ingredients, authentic recipes, and a welcoming atmosphere."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{ title: "Farm Fresh Ingredients", description: "Sourced daily for the most authentic taste.", imageSrc: "http://img.b2bpic.net/free-photo/fornt-view-young-barista-holding-plate-with-dried-tea_140725-14572.jpg" },
{ title: "Hygiene First", description: "Strict kitchen safety standards.", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727961.jpg" },
{ title: "Service with Heart", description: "We treat every customer like family.", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-satisfaction-feedback-icon_53876-124008.jpg" },
{ title: "Authentic Recipes", description: "Passed down through generations.", imageSrc: "http://img.b2bpic.net/free-photo/young-barista-holding-glass-with-dried-tea_140725-14655.jpg" },
{ title: "Community Focus", description: "Building connections, one cup at a time.", imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-139687.jpg" },
]}
title="Why Choose ChaiG?"
description="Quality ingredients, authentic recipes, and a welcoming atmosphere."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Aarav Mehta",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-friendly-looking-young-female-secretary-wearing-white-t-shirt-eyeglasses-posing-blue-wall-with-yellow-cup-her-hands-offering-you-freshly-made-tea-coffee_343059-807.jpg",
},
{
id: "t2",
name: "Priya Singh",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
},
{
id: "t3",
name: "Rahul Sharma",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
{
id: "t4",
name: "Sneha Patel",
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
},
{
id: "t5",
name: "Amit Kumar",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-woman-red-pajama-holding-cup-coffee-indoor-shot-pensive-woman-sitting-armchair-looking-away_197531-14689.jpg",
},
]}
cardTitle="Loved by Locals"
cardTag="Community Voices"
cardAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Aarav Mehta", imageSrc: "http://img.b2bpic.net/free-photo/attractive-friendly-looking-young-female-secretary-wearing-white-t-shirt-eyeglasses-posing-blue-wall-with-yellow-cup-her-hands-offering-you-freshly-made-tea-coffee_343059-807.jpg" },
{ id: "t2", name: "Priya Singh", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg" },
{ id: "t3", name: "Rahul Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
{ id: "t4", name: "Sneha Patel", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg" },
{ id: "t5", name: "Amit Kumar", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-woman-red-pajama-holding-cup-coffee-indoor-shot-pensive-woman-sitting-armchair-looking-away_197531-14689.jpg" },
]}
cardTitle="Loved by Locals"
cardTag="Community Voices"
cardAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Where are you located?",
content: "Opp. Khodiyar Temple, Civil Hospital Campus, Gandhinagar.",
},
{
id: "q2",
title: "Are you open daily?",
content: "Yes, we are open 7 days a week to serve you.",
},
{
id: "q3",
title: "Do you offer catering?",
content: "Absolutely! Reach out via our contact page for inquiries.",
},
{
id: "q4",
title: "Do you have vegetarian options?",
content: "Our entire menu is 100% vegetarian.",
},
{
id: "q5",
title: "Is parking available?",
content: "Yes, we have convenient parking space right outside.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
title="Common Questions"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Where are you located?", content: "Opp. Khodiyar Temple, Civil Hospital Campus, Gandhinagar." },
{ id: "q2", title: "Are you open daily?", content: "Yes, we are open 7 days a week to serve you." },
{ id: "q3", title: "Do you offer catering?", content: "Absolutely! Reach out via our contact page for inquiries." },
{ id: "q4", title: "Do you have vegetarian options?", content: "Our entire menu is 100% vegetarian." },
{ id: "q5", title: "Is parking available?", content: "Yes, we have convenient parking space right outside." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us Today"
description="Located in the heart of Gandhinagar. Come have a cup of chai!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your thoughts or inquiries...",
}}
imageSrc="http://img.b2bpic.net/free-photo/young-happy-cafe-owner-opening-business-hanging-open-sign-entrance-door_637285-6586.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us Today"
description="Located in the heart of Gandhinagar. Come have a cup of chai!"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Your thoughts or inquiries..." }}
imageSrc="http://img.b2bpic.net/free-photo/young-happy-cafe-owner-opening-business-hanging-open-sign-entrance-door_637285-6586.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-food-business-template-branding-design-vector-coffee-kind-made-with-love-text_53876-140606.jpg"
logoText="ChaiG"
columns={[
{
title: "Visit Us",
items: [
{
label: "Gandhinagar, Sector 12",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "+91 83473 87445",
href: "tel:+918347387445",
},
{
label: "info@chaig.in",
href: "mailto:info@chaig.in",
},
],
},
]}
copyrightText="© 2025 ChaiG. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-food-business-template-branding-design-vector-coffee-kind-made-with-love-text_53876-140606.jpg"
logoText="ChaiG"
columns={[
{ title: "Visit Us", items: [{ label: "Gandhinagar, Sector 12", href: "#" }] },
{ title: "Contact", items: [
{ label: "+91 83473 87445", href: "tel:+918347387445" },
{ label: "info@chaig.in", href: "mailto:info@chaig.in" },
] },
]}
copyrightText="© 2025 ChaiG. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);