Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Vibe",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Vibe", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CSB Ambala"
|
||||
/>
|
||||
@@ -58,81 +46,25 @@ export default function LandingPage() {
|
||||
title="Ambala ki sabse chill jagah ☕🔥"
|
||||
description="From cutting chai to loaded pizzas — your perfect hangout spot. Sip. Chill. Repeat."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aman",
|
||||
handle: "@student",
|
||||
testimonial: "Best hangout spot in Ambala!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg?_wi=1",
|
||||
imageAlt: "neon light chai stall night",
|
||||
},
|
||||
{
|
||||
name: "Neha",
|
||||
handle: "@foodie",
|
||||
testimonial: "Vibe is on point.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg?_wi=1",
|
||||
imageAlt: "neon light chai stall night",
|
||||
},
|
||||
{
|
||||
name: "Rahul",
|
||||
handle: "@nightowl",
|
||||
testimonial: "Late night cravings sorted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895449.jpg?_wi=1",
|
||||
imageAlt: "neon light chai stall night",
|
||||
},
|
||||
{
|
||||
name: "Sana",
|
||||
handle: "@local",
|
||||
testimonial: "Affordable and tasty.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-american-sandwich-with-meat-fries_23-2148291176.jpg?_wi=1",
|
||||
imageAlt: "neon light chai stall night",
|
||||
},
|
||||
{
|
||||
name: "Karan",
|
||||
handle: "@regular",
|
||||
testimonial: "Perfect for friends.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-asian-stir-fried-noodles-bowl_84443-82619.jpg?_wi=1",
|
||||
imageAlt: "neon light chai stall night",
|
||||
},
|
||||
{ name: "Aman", handle: "@student", testimonial: "Best hangout spot in Ambala!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg", imageAlt: "neon light chai stall night" },
|
||||
{ name: "Neha", handle: "@foodie", testimonial: "Vibe is on point.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg", imageAlt: "neon light chai stall night" },
|
||||
{ name: "Rahul", handle: "@nightowl", testimonial: "Late night cravings sorted.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895449.jpg", imageAlt: "neon light chai stall night" },
|
||||
{ name: "Sana", handle: "@local", testimonial: "Affordable and tasty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-american-sandwich-with-meat-fries_23-2148291176.jpg", imageAlt: "neon light chai stall night" },
|
||||
{ name: "Karan", handle: "@regular", testimonial: "Perfect for friends.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-asian-stir-fried-noodles-bowl_84443-82619.jpg", imageAlt: "neon light chai stall night" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-smiling-happy-walking-city_839833-20233.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-smiling-man-looking-happy-express-enthusiastic-optimistic-emotions-seei_1258-110321.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-white-tshirt-sexy-carefree-woman-posing-street-background-cap-sunset-positive-model-outdoors-cheerful-happywinking_158538-25987.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12171.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-smiling-happy-walking-city_839833-20233.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-smiling-man-looking-happy-express-enthusiastic-optimistic-emotions-seei_1258-110321.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-white-tshirt-sexy-carefree-woman-posing-street-background-cap-sunset-positive-model-outdoors-cheerful-happywinking_158538-25987.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12171.jpg", alt: "Customer profile 5" },
|
||||
]}
|
||||
avatarText="Loved by 1000+ local students"
|
||||
/>
|
||||
@@ -146,7 +78,7 @@ export default function LandingPage() {
|
||||
description="We blend the classic Indian chai culture with modern youth energy. It's more than just a place to drink tea; it's where memories are made."
|
||||
subdescription="Whether you are here for a study break, a late-night date, or just to catch up with friends, we have the perfect corner for you."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -158,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Paneer Tikka Pizza",
|
||||
price: "₹199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895449.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "CSB Special Burger",
|
||||
price: "₹149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-american-sandwich-with-meat-fries_23-2148291176.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tandoori Maggi",
|
||||
price: "₹99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-asian-stir-fried-noodles-bowl_84443-82619.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gur Chai",
|
||||
price: "₹49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cold Coffee",
|
||||
price: "₹129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hariyali Pizza",
|
||||
price: "₹189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-dark-background_140725-140944.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Paneer Tikka Pizza", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895449.jpg" },
|
||||
{ id: "p2", name: "CSB Special Burger", price: "₹149", imageSrc: "http://img.b2bpic.net/free-photo/close-up-american-sandwich-with-meat-fries_23-2148291176.jpg" },
|
||||
{ id: "p3", name: "Tandoori Maggi", price: "₹99", imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-asian-stir-fried-noodles-bowl_84443-82619.jpg" },
|
||||
{ id: "p4", name: "Gur Chai", price: "₹49", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg" },
|
||||
{ id: "p5", name: "Cold Coffee", price: "₹129", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg" },
|
||||
{ id: "p6", name: "Hariyali Pizza", price: "₹189", imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-dark-background_140725-140944.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Desi fusion bites, street-style burgers, and the best chai in town."
|
||||
@@ -206,30 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Affordable",
|
||||
description: "Pocket friendly range ₹100-300.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wallet,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product_1258-107698.jpg",
|
||||
imageAlt: "brand logo 1",
|
||||
},
|
||||
{
|
||||
title: "Great Vibe",
|
||||
description: "Perfect for friends and dates.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Music,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg?_wi=3",
|
||||
imageAlt: "brand logo 1",
|
||||
},
|
||||
{
|
||||
title: "Open Late",
|
||||
description: "Sorting your night cravings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Moon,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg?_wi=3",
|
||||
imageAlt: "brand logo 1",
|
||||
},
|
||||
{ title: "Affordable", description: "Pocket friendly range ₹100-300.", bentoComponent: "reveal-icon", icon: Wallet },
|
||||
{ title: "Great Vibe", description: "Perfect for friends and dates.", bentoComponent: "reveal-icon", icon: Music },
|
||||
{ title: "Open Late", description: "Sorting your night cravings.", bentoComponent: "reveal-icon", icon: Moon },
|
||||
]}
|
||||
title="Why You'll Love CSB"
|
||||
description="The perfect ingredients for a good time."
|
||||
@@ -241,14 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zomato",
|
||||
"Swiggy",
|
||||
"Google Maps",
|
||||
"Instagram",
|
||||
"TripAdvisor",
|
||||
"Local Guides",
|
||||
"Ambala Foodies",
|
||||
]}
|
||||
"Zomato", "Swiggy", "Google Maps", "Instagram", "TripAdvisor", "Local Guides", "Ambala Foodies"]}
|
||||
title="Loved by Thousands"
|
||||
description="Join our community of chai lovers in Ambala."
|
||||
/>
|
||||
@@ -260,41 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Amazing vibe!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
handle: "@mike",
|
||||
testimonial: "Great chai.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-suggests-insightful-self-help-book-designed-address-teen-depression_482257-121588.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
handle: "@emily",
|
||||
testimonial: "Love the maggi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-doughnuts-copy-space_23-2148299481.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Very affordable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-restaurant-portrait-young-lady-with-dark-curly-hair-dreamily-closing-her-eyes-with-cup-hands-nice-girl-sitting-cafe-with-cup-coffee_639032-2913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie",
|
||||
handle: "@sophie",
|
||||
testimonial: "Perfect study spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-latin-man-portrait-outdoor_624325-3644.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", handle: "@sarah", testimonial: "Amazing vibe!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg" },
|
||||
{ id: "t2", name: "Michael", handle: "@mike", testimonial: "Great chai.", imageSrc: "http://img.b2bpic.net/free-photo/therapist-suggests-insightful-self-help-book-designed-address-teen-depression_482257-121588.jpg" },
|
||||
{ id: "t3", name: "Emily", handle: "@emily", testimonial: "Love the maggi.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-doughnuts-copy-space_23-2148299481.jpg" },
|
||||
{ id: "t4", name: "David", handle: "@david", testimonial: "Very affordable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-restaurant-portrait-young-lady-with-dark-curly-hair-dreamily-closing-her-eyes-with-cup-hands-nice-girl-sitting-cafe-with-cup-coffee_639032-2913.jpg" },
|
||||
{ id: "t5", name: "Sophie", handle: "@sophie", testimonial: "Perfect study spot.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-latin-man-portrait-outdoor_624325-3644.jpg" },
|
||||
]}
|
||||
title="Voices of CSB"
|
||||
description="Don't take our word for it."
|
||||
@@ -305,21 +149,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you open at night?",
|
||||
content: "Yes, we are open until late night.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we deliver via Swiggy and Zomato.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "Sector 1, Ambala, near Mohan Bakery.",
|
||||
},
|
||||
{ id: "q1", title: "Are you open at night?", content: "Yes, we are open until late night." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "Yes, we deliver via Swiggy and Zomato." },
|
||||
{ id: "q3", title: "Where are you located?", content: "Sector 1, Ambala, near Mohan Bakery." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -329,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Find Your Chill Spot"
|
||||
description="Sector 1, Ambala | Open 9 AM - Late"
|
||||
@@ -346,36 +176,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-dark-charcoal-wood-texture-pattern-close-up-shot-table-other-furniture_346278-1563.jpg"
|
||||
logoText="CSB Ambala"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Pizza",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Chai",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Pizza", href: "#menu" }, { label: "Chai", href: "#menu" }] },
|
||||
{ title: "Links", items: [{ label: "Instagram", href: "#" }, { label: "Directions", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user