Merge version_1 into main #3
131
src/app/page.tsx
131
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="2Eatly Cafe"
|
||||
/>
|
||||
@@ -46,45 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to 2Eatly Cafe"
|
||||
description="Good food. Great vibes. Every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us", href: "#contact"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
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/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-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/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/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/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-icon", text: "Student Friendly", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Free Wi-Fi"},
|
||||
{
|
||||
type: "text-icon", text: "Delicious Snacks", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Open Late"},
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ 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: "Open Late" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,15 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About 2Eatly Cafe"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Drinks Served", value: "10k+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Vibe", value: "100%"},
|
||||
{ icon: Coffee, label: "Drinks Served", value: "10k+" },
|
||||
{ icon: Smile, label: "Happy Clients", value: "5k+" },
|
||||
{ icon: Users, label: "Community Vibe", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -115,18 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
id: "6", name: "Milkshake", price: "₹160", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-table_1203-2504.jpg"},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="Handpicked favorites for every mood."
|
||||
@@ -135,17 +104,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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/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/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/happy-multiracial-friends-through-window_23-2148422364.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -167,14 +134,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "Fresh", description: "Farm-to-table ingredients."},
|
||||
{
|
||||
id: "m2", value: "Affordable", description: "Student-friendly pricing."},
|
||||
{
|
||||
id: "m3", value: "Vibe", description: "Great music & atmosphere."},
|
||||
{
|
||||
id: "m4", value: "Quick", description: "Fast service guaranteed."},
|
||||
{ id: "m1", value: "Fresh", description: "Farm-to-table ingredients." },
|
||||
{ id: "m2", value: "Affordable", description: "Student-friendly pricing." },
|
||||
{ id: "m3", value: "Vibe", description: "Great music & atmosphere." },
|
||||
{ id: "m4", value: "Quick", description: "Fast service guaranteed." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Commitment to quality."
|
||||
@@ -187,16 +150,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -206,8 +164,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Find Us in Talegaon"
|
||||
description="Mantra City 360, Rajgurav Colony Rd, Talegaon Dabhade."
|
||||
@@ -221,12 +178,8 @@ export default function LandingPage() {
|
||||
logoText="2Eatly Cafe"
|
||||
copyrightText="© 2025 2Eatly Cafe. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#", ariaLabel: "Zomato"},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Zomato" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user