Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 36cf2d1238 | |||
| 93760b1df2 | |||
| cbd1582aec |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -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,46 @@ 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."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about our cafe?"
|
||||
faqsAnimation="slide-up"
|
||||
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.",
|
||||
},
|
||||
{ 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." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-tray-with-dessert_23-2148972007.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get to know more about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</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" }}
|
||||
useInvertedBackground={false}
|
||||
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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user