bender/6a1ab152-07c4-4ade-9d91-3ac96b4f1c9b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-18 04:14:07 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -211
2 changed files with 48 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -31,22 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "FAQ", id: "faq" }
]}
brandName="Chotu Ki Tapri"
/>
@@ -54,36 +43,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome to Chotu Ki Tapri"
description="Authentic flavors, friendly vibes, and prices that make every visit a joy. Your neighborhood spot for the perfect cup of chai and delicious quick bites."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
imageAlt: "Cafe Ambience",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg",
imageAlt: "Fresh Masala Chai",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pies-with-meat-arugula-onion-radish-chili-sauce-side-view_141793-3175.jpg",
imageAlt: "Delicious Snacks",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-cinnabon-plate-family-party_169016-48405.jpg",
imageAlt: "Cafe Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wicker-chair-near-white-round-table-with-coffee-cup-breakfast-smoothie-cheesecake_23-2148067145.jpg",
imageAlt: "Chai Preparation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/oven-chips-with-green-salad-vegetable-tomato-slices_114579-3004.jpg",
imageAlt: "Street Food Platter",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", imageAlt: "Cafe Ambience" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg", imageAlt: "Fresh Masala Chai" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pies-with-meat-arugula-onion-radish-chili-sauce-side-view_141793-3175.jpg", imageAlt: "Delicious Snacks" }
]}
mediaAnimation="blur-reveal"
/>
@@ -93,19 +59,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "More than just a ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
alt: "Cafe Owner",
},
{
type: "text",
content: " cup of chai.",
},
{ type: "text", content: "More than just a " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg", alt: "Cafe Owner" },
{ type: "text", content: " cup of chai." }
]}
/>
</div>
@@ -117,42 +73,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Masala Chai",
price: "₹20",
imageSrc: "http://img.b2bpic.net/free-photo/crackers-cheese-glass-beer-wooden-board-high-quality-photo_114579-67291.jpg",
},
{
id: "p2",
name: "Veg Samosa",
price: "₹15",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-fillet-dough-with-sauce-table_141793-4831.jpg",
},
{
id: "p3",
name: "Bun Maska",
price: "₹30",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-buns-hot-tasty-fresh-inside-bread-bin-pink_140725-24304.jpg",
},
{
id: "p4",
name: "Maggi Masala",
price: "₹40",
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-asian-noodles-dark-bowl_84443-82600.jpg",
},
{
id: "p5",
name: "Filter Coffee",
price: "₹25",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-arrangement-table_23-2148623261.jpg",
},
{
id: "p6",
name: "Aloo Paratha",
price: "₹50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-gutabs-thin-hotcakes-with-meat-inside-desk-dark-background-hotcake-dough-pie-color-pastry-oven-cake-meal_179666-46695.jpg",
},
{ id: "p1", name: "Masala Chai", price: "₹20", imageSrc: "http://img.b2bpic.net/free-photo/crackers-cheese-glass-beer-wooden-board-high-quality-photo_114579-67291.jpg" },
{ id: "p2", name: "Veg Samosa", price: "₹15", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-fillet-dough-with-sauce-table_141793-4831.jpg" },
{ id: "p3", name: "Bun Maska", price: "₹30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-buns-hot-tasty-fresh-inside-bread-bin-pink_140725-24304.jpg" }
]}
title="Our Pocket-Friendly Menu"
description="Fresh, hot, and tasty treats that won't break the bank."
@@ -164,24 +87,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients",
description: "We use locally sourced, fresh ingredients daily.",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cinnamon-sticks-orange-slices-dark-plate_114579-57921.jpg",
imageAlt: "Icon",
},
{
title: "Pocket Friendly",
description: "Prices designed for everyone, everyday.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pies-with-meat-filling-inside-brown-plate-with-seasonings-dark-blue-background-dough-pie-bread-bun-food_140725-56179.jpg",
imageAlt: "Icon",
},
{
title: "Warm Vibes",
description: "A cozy place to relax and enjoy your meal.",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-brown-buns-wooden-board-light-background_114579-45537.jpg",
imageAlt: "Icon",
},
{ title: "Fresh Ingredients", description: "We use locally sourced, fresh ingredients daily.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cinnamon-sticks-orange-slices-dark-plate_114579-57921.jpg", imageAlt: "Icon" },
{ title: "Pocket Friendly", description: "Prices designed for everyone, everyday.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pies-with-meat-filling-inside-brown-plate-with-seasonings-dark-blue-background-dough-pie-bread-bun-food_140725-56179.jpg", imageAlt: "Icon" }
]}
title="Why Choose Us?"
description="Quality snacks at local street prices. Your daily dose of happiness."
@@ -193,46 +100,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Amazing Chai!",
quote: "The best masala chai in the neighborhood.",
name: "Rahul Verma",
role: "Regular",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-smiling-woman-with-cup-drink-near-window-cafe_23-2148071599.jpg",
},
{
id: "t2",
title: "Great Snacks",
quote: "Love the samosas and the friendly service here.",
name: "Priya Sharma",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-791.jpg",
},
{
id: "t3",
title: "Best Prices",
quote: "I come here everyday after work for a coffee.",
name: "Amit Kumar",
role: "Office Worker",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
},
{
id: "t4",
title: "Cozy Place",
quote: "Very relaxed atmosphere and affordable menu.",
name: "Sunita Devi",
role: "Local",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
{
id: "t5",
title: "Daily Habit",
quote: "Fantastic service and always fresh food.",
name: "Vikram Singh",
role: "Regular",
imageSrc: "http://img.b2bpic.net/free-photo/content-group-students-posing-together_23-2147663706.jpg",
},
{ id: "t1", title: "Amazing Chai!", quote: "The best masala chai in the neighborhood.", name: "Rahul Verma", role: "Regular" },
{ id: "t2", title: "Great Snacks", quote: "Love the samosas and the friendly service here.", name: "Priya Sharma", role: "Student" }
]}
title="Loved by Our Neighbors"
description="See what our regulars have to say about us."
@@ -241,74 +110,42 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Chai Lovers Association",
"Street Food Alliance",
"Local Business Guild",
"Neighborhood Cafe Union",
"Daily Food Watch",
"Fresh Taste Bureau",
"Community Chai Club",
]}
names={["Chai Lovers Association", "Street Food Alliance", "Local Business Guild"]}
title="Trusted by Local Foodies"
description="Featured in and supported by our community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are your opening hours?",
content: "We are open daily from 7:00 AM to 10:00 PM.",
},
{
id: "f2",
title: "Do you offer takeaways?",
content: "Yes, all our items are available for takeaway.",
},
{
id: "f3",
title: "Do you use fresh ingredients?",
content: "Absolutely, quality and freshness are our top priorities.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-tray-with-dessert_23-2148972007.jpg"
mediaAnimation="blur-reveal"
<FaqDouble
title="Frequently Asked Questions"
description="Get to know more about our services."
description="Got questions about our cafe?"
faqsAnimation="slide-up"
textboxLayout="split"
faqs={[
{ id: "f1", title: "What are your opening hours?", content: "Daily from 7 AM to 10 PM." },
{ id: "f2", title: "Do you offer takeaways?", content: "Yes, everything is available for takeaway." },
{ id: "f3", title: "Is there outdoor seating?", content: "We have a cozy street-side sitting area." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Keep in touch"
title="Subscribe for Daily Offers"
description="Join our newsletter and get special updates directly in your inbox."
<ContactText
text="Located at Main Street, near the park. Drop by for a warm chai or reach us at hello@chotukitapri.com."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Get Directions" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterLogoEmphasis
logoText="Chotu Ki Tapri"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
{ items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f514c;
--background: #fdfaf6;
--card: #f0e6d6;
--foreground: #4a3b2d;
--primary-cta: #d97706;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f0e6d6;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--accent: #b45309;
--background-accent: #eab308;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);