bender/c4a71eb9-b48a-471f-bd5a-89650a252bd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-21 16:03:29 +00:00
parent a334f3d15d
commit 1f74fc1046
1 changed files with 101 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/pages/HomePage.tsx
View File

@@ -12,223 +12,122 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlayMarquee
tag="Traditional Taste"
title="Welcome to Kulhad Kothi"
description="Authentic chai, refreshing shakes, and delicious snacks in a cozy, vibrant environment. Visit us at Pandeypur Crossing, Varanasi."
primaryButton={{
text: "View Menu",
href: "#menu",
}}
secondaryButton={{
text: "Get Directions",
href: "#contact",
}}
items={[
{
text: "24/7 Open",
icon: Clock,
},
{
text: "Authentic Taste",
icon: Coffee,
},
{
text: "Cozy Ambience",
icon: Heart,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/moroccan-stuff_181624-36914.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Traditional Taste"
title="Welcome to Kulhad Kothi"
description="Authentic chai, refreshing shakes, and delicious snacks in a cozy, vibrant environment. Visit us at Pandeypur Crossing, Varanasi."
primaryButton={{ text: "View Menu", href: "#menu" }}
secondaryButton={{ text: "Get Directions", href: "#contact" }}
items={[
{ text: "24/7 Open", icon: Clock },
{ text: "Authentic Taste", icon: Coffee },
{ text: "Cozy Ambience", icon: Heart },
]}
imageSrc="http://img.b2bpic.net/free-photo/moroccan-stuff_181624-36914.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Our Story"
title="A Home Away From Home"
description="Kulhad Kothi is where tradition meets taste. We serve every cup with love and dedication, creating a space where friends meet, stories are shared, and every sip feels like a warm embrace."
imageSrc="http://img.b2bpic.net/free-photo/two-cups-coffee-book-coffee-beans-stone-table-high-quality-photo_114579-67818.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Story"
title="A Home Away From Home"
description="Kulhad Kothi is where tradition meets taste. We serve every cup with love and dedication, creating a space where friends meet, stories are shared, and every sip feels like a warm embrace."
imageSrc="http://img.b2bpic.net/free-photo/two-cups-coffee-book-coffee-beans-stone-table-high-quality-photo_114579-67818.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<FeaturesRevealCardsBento
tag="Menu Highlights"
title="Signature Treats"
description="Taste the love in every cup and every bite."
items={[
{
title: "Signature Kulhad Chai",
description: "Authentic, flavorful tea served in traditional clay cups.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-cup-delicious-coffee-cinnamon-limes-dark-backgorund_140725-160322.jpg",
},
{
title: "Refreshing Cold Coffee",
description: "Perfectly blended, creamy, and chilled to perfection.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-holding-sangria-glass_23-2149426422.jpg",
},
{
title: "Banana Shake",
description: "Fresh, thick, and satisfying – our customers' favorite.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/recycling-concept-top-view_23-2148834513.jpg",
},
{
title: "Masala Maggie",
description: "The perfect spicy companion for your tea-time conversations.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-british-bean-stew-bowls_23-2148746856.jpg",
},
{
title: "Variety of Shakes",
description: "A delightful range of fruity and creamy milkshakes.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg",
},
{
title: "Special Bites",
description: "Hand-picked snacks for those quick hunger pangs.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-toast-coffee_1232-3511.jpg",
},
{
title: "Tea Time Specials",
description: "A selection of cookies and toasts to complete your meal.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/fried-cotletes-potatoes-table-top-view_140725-4667.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Menu Highlights"
title="Signature Treats"
description="Taste the love in every cup and every bite."
items={[
{ title: "Signature Kulhad Chai", description: "Authentic, flavorful tea served in traditional clay cups.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-cup-delicious-coffee-cinnamon-limes-dark-backgorund_140725-160322.jpg" },
{ title: "Refreshing Cold Coffee", description: "Perfectly blended, creamy, and chilled to perfection.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-holding-sangria-glass_23-2149426422.jpg" },
{ title: "Banana Shake", description: "Fresh, thick, and satisfying – our customers' favorite.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/recycling-concept-top-view_23-2148834513.jpg" },
{ title: "Masala Maggie", description: "The perfect spicy companion for your tea-time conversations.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/tasty-british-bean-stew-bowls_23-2148746856.jpg" },
{ title: "Variety of Shakes", description: "A delightful range of fruity and creamy milkshakes.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg" },
{ title: "Special Bites", description: "Hand-picked snacks for those quick hunger pangs.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-toast-coffee_1232-3511.jpg" },
{ title: "Tea Time Specials", description: "A selection of cookies and toasts to complete your meal.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fried-cotletes-potatoes-table-top-view_140725-4667.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Join the Community"
title="Our Happy Neighbors"
names={[
"Students of Varanasi",
"Local Explorers",
"Chai Lovers",
"Food Enthusiasts",
"Morning Walkers",
"Evening Gatherings",
"Friendly Neighborhood",
]}
/>
</SectionErrorBoundary>
</div>
tag="Join the Community"
title="Our Happy Neighbors"
description="Our community is growing every day."
names={[
"Students of Varanasi", "Local Explorers", "Chai Lovers", "Food Enthusiasts", "Morning Walkers", "Evening Gatherings", "Friendly Neighborhood"]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Community Impact"
title="Serving Smiles Daily"
description="More than just a shop, a place of daily joy for our patrons."
metrics={[
{
value: "4.9",
title: "Rating",
description: "46+ Google Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Community Impact"
title="Serving Smiles Daily"
description="More than just a shop, a place of daily joy for our patrons."
metrics={[
{ value: "4.9", title: "Rating", description: "46+ Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="reviews" data-section="reviews">
<SectionErrorBoundary name="reviews">
<div id="reviews" data-section="reviews">
<SectionErrorBoundary name="reviews">
<TestimonialQuoteCards
tag="Feedback"
title="What Our Friends Say"
description="Read what our wonderful customers have to say about their experience with us."
testimonials={[
{
name: "Rahul Verma",
role: "Local Patron",
quote: "Nice environment and food, truly a place to relax.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-666.jpg",
},
{
name: "Ananya Sharma",
role: "Student",
quote: "Best place, ambiance is very attractive, must try chai and Maggie.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-charming-woman-is-stirring-coffee-outdoor-cafe-thinking_231208-13170.jpg",
},
{
name: "Vikram Singh",
role: "Coffee Enthusiast",
quote: "Wow, nice experience at such a low rate! Must visit.",
imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006745.jpg",
},
{
name: "Priya Gupta",
role: "Regular",
quote: "The chai here is soul-warming, and the staff is wonderful.",
imageSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg",
},
{
name: "Amit Kumar",
role: "Foodie",
quote: "Perfect spot for evening catchups with friends. Great vibe.",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12419.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Feedback"
title="What Our Friends Say"
description="Hear from our wonderful community."
testimonials={[
{ name: "Rahul Verma", role: "Local Patron", quote: "Nice environment and food, truly a place to relax.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-666.jpg" },
{ name: "Ananya Sharma", role: "Student", quote: "Best place, ambiance is very attractive, must try chai and Maggie.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-charming-woman-is-stirring-coffee-outdoor-cafe-thinking_231208-13170.jpg" },
{ name: "Vikram Singh", role: "Coffee Enthusiast", quote: "Wow, nice experience at such a low rate! Must visit.", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006745.jpg" },
{ name: "Priya Gupta", role: "Regular", quote: "The chai here is soul-warming, and the staff is wonderful.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg" },
{ name: "Amit Kumar", role: "Foodie", quote: "Perfect spot for evening catchups with friends. Great vibe.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12419.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Questions"
title="Everything You Need to Know"
description="Find answers to common questions about our cafe, menu, and services."
items={[
{
question: "Are you open on weekends?",
answer: "Yes, we are open 24/7 every day, including weekends and holidays.",
},
{
question: "Where is the shop located?",
answer: "We are located at Panchkoshi Rd, Near Pandeypur Crossing, Naibasti, Varanasi.",
},
{
question: "What's the best time to visit?",
answer: "Whether it's early morning or late night, we are always ready to serve you.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-tea-while-man-taking-order_23-2147775866.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Questions"
title="Everything You Need to Know"
description="Common questions answered here."
items={[
{ question: "Are you open on weekends?", answer: "Yes, we are open 24/7 every day, including weekends and holidays." },
{ question: "Where is the shop located?", answer: "We are located at Panchkoshi Rd, Near Pandeypur Crossing, Naibasti, Varanasi." },
{ question: "What's the best time to visit?", answer: "Whether it's early morning or late night, we are always ready to serve you." },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-tea-while-man-taking-order_23-2147775866.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Come experience the magic of Kulhad Kothi for yourself. We are located near Pandeypur Crossing, Varanasi."
primaryButton={{
text: "Get Directions",
href: "#",
}}
secondaryButton={{
text: "Call Now",
href: "tel:+",
}}
/>
</SectionErrorBoundary>
</div>
tag="Visit Us"
text="Come experience the magic of Kulhad Kothi for yourself. We are located near Pandeypur Crossing, Varanasi."
primaryButton={{ text: "Get Directions", href: "#" }}
secondaryButton={{ text: "Call Now", href: "tel:+91" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}