Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="2Eatly Cafe"
|
||||
/>
|
||||
@@ -55,69 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to 2Eatly Cafe"
|
||||
description="Good food. Great vibes. Every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
|
||||
imageAlt="Cozy cafe atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-young-woman-smiling-camera_197531-33472.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-young-woman-smiling-camera_197531-33472.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-coffee-her-hands_1098-1691.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-coffee-her-hands_1098-1691.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-enjoying-drinking-coffee-cafe_1262-19063.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-enjoying-drinking-coffee-cafe_1262-19063.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sweater-teenage-leisure-eyeglasses-single_1262-2841.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sweater-teenage-leisure-eyeglasses-single_1262-2841.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 5k+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
type: "text", text: "Freshly Roasted"},
|
||||
{
|
||||
type: "text-icon", text: "Student Friendly", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Student Friendly",
|
||||
icon: GraduationCap,
|
||||
type: "text", text: "Free Wi-Fi"},
|
||||
{
|
||||
type: "text-icon", text: "Delicious Snacks", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Delicious Snacks",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Late",
|
||||
},
|
||||
type: "text", text: "Open Late"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +96,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Drinks Served",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Drinks Served", value: "10k+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Vibe",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Community Vibe", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -155,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "French Fries",
|
||||
price: "₹120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "French Fries", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cheese Corn Balls",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Cheese Corn Balls", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Veg Burger",
|
||||
price: "₹180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meet-glass-wine-round-plate_176474-3412.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Veg Burger", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meet-glass-wine-round-plate_176474-3412.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sandwich",
|
||||
price: "₹140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meet-glass-wine-round-plate_176474-3412.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Sandwich", price: "₹140", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meet-glass-wine-round-plate_176474-3412.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cold Coffee",
|
||||
price: "₹130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-table_1203-2504.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Cold Coffee", price: "₹130", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-table_1203-2504.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Milkshake",
|
||||
price: "₹160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-table_1203-2504.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Milkshake", price: "₹160", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-table_1203-2504.jpg"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="Handpicked favorites for every mood."
|
||||
@@ -202,38 +139,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cozy Corner",
|
||||
description: "Perfect for dates.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Cozy Corner", description: "Perfect for dates.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-agenda_23-2148879074.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-agenda_23-2148879074.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-croissant-wooden-table-high-angle_23-2149678934.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-croissant-wooden-table-high-angle_23-2149678934.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-friends-through-window_23-2148422364.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-friends-through-window_23-2148422364.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=2",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
title: "Fresh Vibes",
|
||||
description: "Instagrammable spots everywhere.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Camera,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-disturbing-gory-drawings-mother-disconnected-girl_482257-124736.jpg",
|
||||
imageAlt: "cozy hangout spot interior",
|
||||
title: "Fresh Vibes", description: "Instagrammable spots everywhere.", bentoComponent: "reveal-icon", icon: Camera,
|
||||
},
|
||||
{
|
||||
title: "Chill Zone",
|
||||
description: "Hang out with friends.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Music,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finely-roasted-potato-sticks-served-with-lemon-slices_114579-1750.jpg?_wi=3",
|
||||
imageAlt: "gourmet french fries close up",
|
||||
title: "Chill Zone", description: "Hang out with friends.", bentoComponent: "reveal-icon", icon: Music,
|
||||
},
|
||||
]}
|
||||
title="Café Aesthetics"
|
||||
@@ -249,25 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Fresh",
|
||||
description: "Farm-to-table ingredients.",
|
||||
},
|
||||
id: "m1", value: "Fresh", description: "Farm-to-table ingredients."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Affordable",
|
||||
description: "Student-friendly pricing.",
|
||||
},
|
||||
id: "m2", value: "Affordable", description: "Student-friendly pricing."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Vibe",
|
||||
description: "Great music & atmosphere.",
|
||||
},
|
||||
id: "m3", value: "Vibe", description: "Great music & atmosphere."},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Quick",
|
||||
description: "Fast service guaranteed.",
|
||||
},
|
||||
id: "m4", value: "Quick", description: "Fast service guaranteed."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Commitment to quality."
|
||||
@@ -281,40 +188,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rohan M.",
|
||||
role: "Student",
|
||||
testimonial: "Best cafe in Talegaon! Loved the vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
id: "1", name: "Rohan M.", role: "Student", testimonial: "Best cafe in Talegaon! Loved the vibe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya S.",
|
||||
role: "Friend",
|
||||
testimonial: "Perfect place to hang out with friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-young-woman-smiling-camera_197531-33472.jpg",
|
||||
},
|
||||
id: "2", name: "Priya S.", role: "Friend", testimonial: "Perfect place to hang out with friends.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-young-woman-smiling-camera_197531-33472.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit K.",
|
||||
role: "Regular",
|
||||
testimonial: "Amazing food and quick service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-coffee-her-hands_1098-1691.jpg",
|
||||
},
|
||||
id: "3", name: "Amit K.", role: "Regular", testimonial: "Amazing food and quick service!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-coffee-her-hands_1098-1691.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sneha R.",
|
||||
role: "Foodie",
|
||||
testimonial: "Great cold coffee and sandwiches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-enjoying-drinking-coffee-cafe_1262-19063.jpg",
|
||||
},
|
||||
id: "4", name: "Sneha R.", role: "Foodie", testimonial: "Great cold coffee and sandwiches.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-enjoying-drinking-coffee-cafe_1262-19063.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram P.",
|
||||
role: "Student",
|
||||
testimonial: "Cool place to study and eat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweater-teenage-leisure-eyeglasses-single_1262-2841.jpg",
|
||||
},
|
||||
id: "5", name: "Vikram P.", role: "Student", testimonial: "Cool place to study and eat.", imageSrc: "http://img.b2bpic.net/free-photo/sweater-teenage-leisure-eyeglasses-single_1262-2841.jpg"},
|
||||
]}
|
||||
title="Hear From Our Guests"
|
||||
description="Loved by the community."
|
||||
@@ -325,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Visit Us"
|
||||
title="Find Us in Talegaon"
|
||||
description="Mantra City 360, Rajgurav Colony Rd, Talegaon Dabhade."
|
||||
@@ -342,14 +223,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#",
|
||||
ariaLabel: "Zomato",
|
||||
},
|
||||
href: "#", ariaLabel: "Zomato"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user