Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -38,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/order",
|
||||
}}
|
||||
text: "Order Now", href: "/order"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,35 +57,17 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-snacks-healthy-unhealthy_23-2149134038.jpg",
|
||||
imageAlt: "Grilled vegetarian sandwich with fresh vegetables",
|
||||
},
|
||||
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-snacks-healthy-unhealthy_23-2149134038.jpg", imageAlt: "Grilled vegetarian sandwich with fresh vegetables"},
|
||||
{
|
||||
id: "hero-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-salad-with-rice-pickled-kimchi-cabbage-avocado-nori-sesame-bowl_2829-18785.jpg?_wi=1",
|
||||
imageAlt: "Colorful vegetarian bowls with various toppings",
|
||||
},
|
||||
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/vegan-salad-with-rice-pickled-kimchi-cabbage-avocado-nori-sesame-bowl_2829-18785.jpg", imageAlt: "Colorful vegetarian bowls with various toppings"},
|
||||
{
|
||||
id: "hero-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-vegetable-juices_23-2147609676.jpg?_wi=1",
|
||||
imageAlt: "Fresh green smoothie with natural ingredients",
|
||||
},
|
||||
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/colorful-vegetable-juices_23-2147609676.jpg", imageAlt: "Fresh green smoothie with natural ingredients"},
|
||||
{
|
||||
id: "hero-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-salad-sandwiches-with-avocado_23-2148640174.jpg?_wi=1",
|
||||
imageAlt: "Vegetarian platter spread with multiple dishes",
|
||||
},
|
||||
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-salad-sandwiches-with-avocado_23-2148640174.jpg", imageAlt: "Vegetarian platter spread with multiple dishes"},
|
||||
{
|
||||
id: "hero-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hamburgers-table_23-2148575429.jpg?_wi=1",
|
||||
imageAlt: "Premium vegan burger with house-made patty",
|
||||
},
|
||||
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/tasty-hamburgers-table_23-2148575429.jpg", imageAlt: "Premium vegan burger with house-made patty"},
|
||||
{
|
||||
id: "hero-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3902.jpg?_wi=1",
|
||||
imageAlt: "Indian street food vegetarian specialties",
|
||||
},
|
||||
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-stall-market-sanarysurmer_268835-3902.jpg", imageAlt: "Indian street food vegetarian specialties"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -108,53 +88,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "menu-1",
|
||||
name: "Grilled Vegetable Sandwich",
|
||||
price: "$8.99",
|
||||
variant: "Classic Gluten-Free Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-sandwich-with-cucumber-tomato-slices_23-2148465093.jpg?_wi=1",
|
||||
imageAlt: "Grilled vegetable sandwich with melted cheese",
|
||||
},
|
||||
id: "menu-1", name: "Grilled Vegetable Sandwich", price: "$8.99", variant: "Classic Gluten-Free Available", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-sandwich-with-cucumber-tomato-slices_23-2148465093.jpg", imageAlt: "Grilled vegetable sandwich with melted cheese"},
|
||||
{
|
||||
id: "menu-2",
|
||||
name: "Green Energy Bowl",
|
||||
price: "$9.99",
|
||||
variant: "High Protein Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32422.jpg?_wi=1",
|
||||
imageAlt: "Green energy bowl with quinoa and fresh vegetables",
|
||||
},
|
||||
id: "menu-2", name: "Green Energy Bowl", price: "$9.99", variant: "High Protein Vegan", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32422.jpg", imageAlt: "Green energy bowl with quinoa and fresh vegetables"},
|
||||
{
|
||||
id: "menu-3",
|
||||
name: "Mango Cashew Shake",
|
||||
price: "$6.99",
|
||||
variant: "Creamy Dairy-Free Option",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-orange-juice-wooden-cutting-board_140725-10189.jpg?_wi=1",
|
||||
imageAlt: "Mango cashew shake in tall glass",
|
||||
},
|
||||
id: "menu-3", name: "Mango Cashew Shake", price: "$6.99", variant: "Creamy Dairy-Free Option", imageSrc: "http://img.b2bpic.net/free-photo/side-view-orange-juice-wooden-cutting-board_140725-10189.jpg", imageAlt: "Mango cashew shake in tall glass"},
|
||||
{
|
||||
id: "menu-4",
|
||||
name: "Bombay Street Wrap",
|
||||
price: "$10.99",
|
||||
variant: "Spiced Contains Nuts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shawarma-from-juicy-beef-lettuce-tomatoes-cucumbers-paprika-onion-pita-bread-with-spinach-diet-menu_2829-14482.jpg?_wi=1",
|
||||
imageAlt: "Bombay street wrap with Indian spices",
|
||||
},
|
||||
id: "menu-4", name: "Bombay Street Wrap", price: "$10.99", variant: "Spiced Contains Nuts", imageSrc: "http://img.b2bpic.net/free-photo/shawarma-from-juicy-beef-lettuce-tomatoes-cucumbers-paprika-onion-pita-bread-with-spinach-diet-menu_2829-14482.jpg", imageAlt: "Bombay street wrap with Indian spices"},
|
||||
{
|
||||
id: "menu-5",
|
||||
name: "Mediterranean Falafel",
|
||||
price: "$9.49",
|
||||
variant: "Crispy Served with Tahini",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita-high-view_23-2148651103.jpg?_wi=1",
|
||||
imageAlt: "Crispy falafel with Mediterranean vegetables",
|
||||
},
|
||||
id: "menu-5", name: "Mediterranean Falafel", price: "$9.49", variant: "Crispy Served with Tahini", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita-high-view_23-2148651103.jpg", imageAlt: "Crispy falafel with Mediterranean vegetables"},
|
||||
{
|
||||
id: "menu-6",
|
||||
name: "Chocolate Avocado Mousse",
|
||||
price: "$7.99",
|
||||
variant: "Rich Gluten-Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-dessert-garnished-with-mint-leaf-wooden-table-white-background_123827-25950.jpg?_wi=1",
|
||||
imageAlt: "Chocolate avocado mousse dessert",
|
||||
},
|
||||
id: "menu-6", name: "Chocolate Avocado Mousse", price: "$7.99", variant: "Rich Gluten-Free", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-dessert-garnished-with-mint-leaf-wooden-table-white-background_123827-25950.jpg", imageAlt: "Chocolate avocado mousse dessert"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,20 +110,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
description: "Completely vegetarian - no meat, no compromises on flavor or nutrition",
|
||||
},
|
||||
id: "1", value: "100%", description: "Completely vegetarian - no meat, no compromises on flavor or nutrition"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Farm Fresh",
|
||||
description: "Sourced daily from local organic farms within 50 miles of our kitchen",
|
||||
},
|
||||
id: "2", value: "Farm Fresh", description: "Sourced daily from local organic farms within 50 miles of our kitchen"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15 min",
|
||||
description: "Average order preparation time - fast service without sacrificing quality",
|
||||
},
|
||||
id: "3", value: "15 min", description: "Average order preparation time - fast service without sacrificing quality"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -195,7 +130,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-working-kitchen_23-2150014870.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-working-kitchen_23-2150014870.jpg"
|
||||
imageAlt="GreenLeaf Cafe kitchen team preparing food"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -210,55 +145,25 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Food Blogger",
|
||||
company: "GreenEats Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg?_wi=1",
|
||||
imageAlt: "Sarah Chen, food blogger",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Food Blogger", company: "GreenEats Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", imageAlt: "Sarah Chen, food blogger"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thompson",
|
||||
role: "Fitness Coach",
|
||||
company: "Wellness Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg?_wi=1",
|
||||
imageAlt: "Marcus Thompson, fitness coach",
|
||||
},
|
||||
id: "2", name: "Marcus Thompson", role: "Fitness Coach", company: "Wellness Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg", imageAlt: "Marcus Thompson, fitness coach"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Patel",
|
||||
role: "Restaurant Owner",
|
||||
company: "Urban Kitchen Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg?_wi=1",
|
||||
imageAlt: "Priya Patel, restaurant owner",
|
||||
},
|
||||
id: "3", name: "Priya Patel", role: "Restaurant Owner", company: "Urban Kitchen Collective", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", imageAlt: "Priya Patel, restaurant owner"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
role: "Sustainability Advocate",
|
||||
company: "Green Future Initiative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-side-with-crossed-arms-green-t-shirt-front-view_176474-10106.jpg?_wi=1",
|
||||
imageAlt: "James Wilson, sustainability advocate",
|
||||
},
|
||||
id: "4", name: "James Wilson", role: "Sustainability Advocate", company: "Green Future Initiative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-side-with-crossed-arms-green-t-shirt-front-view_176474-10106.jpg", imageAlt: "James Wilson, sustainability advocate"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2,500+",
|
||||
label: "Happy customers monthly",
|
||||
},
|
||||
value: "2,500+", label: "Happy customers monthly"},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Average rating across platforms",
|
||||
},
|
||||
value: "4.9★", label: "Average rating across platforms"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer recommendation rate",
|
||||
},
|
||||
value: "98%", label: "Customer recommendation rate"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -279,49 +184,15 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
blogs={[
|
||||
{
|
||||
id: "gallery-1",
|
||||
category: "Cafe Interior",
|
||||
title: "Warm, Welcoming Ambiance",
|
||||
excerpt: "Our thoughtfully designed space combines natural light with cozy seating for the perfect dining experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-enjoying-drinks-bar_23-2147859567.jpg?_wi=1",
|
||||
imageAlt: "Cafe interior with natural lighting",
|
||||
authorName: "GreenLeaf Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg",
|
||||
date: "Daily Updated",
|
||||
},
|
||||
id: "gallery-1", category: "Cafe Interior", title: "Warm, Welcoming Ambiance", excerpt: "Our thoughtfully designed space combines natural light with cozy seating for the perfect dining experience.", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-enjoying-drinks-bar_23-2147859567.jpg", imageAlt: "Cafe interior with natural lighting", authorName: "GreenLeaf Team", authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg", date: "Daily Updated"},
|
||||
{
|
||||
id: "gallery-2",
|
||||
category: ["Food Prep", "Quality"],
|
||||
title: "Fresh Ingredient Preparation",
|
||||
excerpt: "Watch our chefs prepare meals from scratch daily using only the finest organic vegetables and grains.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-with-apron-slicing-tomatoes-kitchen_23-2148763181.jpg?_wi=1",
|
||||
imageAlt: "Chef preparing fresh vegetables",
|
||||
authorName: "GreenLeaf Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg",
|
||||
date: "Daily Updated",
|
||||
},
|
||||
id: "gallery-2", category: ["Food Prep", "Quality"],
|
||||
title: "Fresh Ingredient Preparation", excerpt: "Watch our chefs prepare meals from scratch daily using only the finest organic vegetables and grains.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-with-apron-slicing-tomatoes-kitchen_23-2148763181.jpg", imageAlt: "Chef preparing fresh vegetables", authorName: "GreenLeaf Team", authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg", date: "Daily Updated"},
|
||||
{
|
||||
id: "gallery-3",
|
||||
category: ["Daily Special", "Featured"],
|
||||
title: "Today's Special Creation",
|
||||
excerpt: "Our rotating special menu features seasonal ingredients and innovative vegetarian creations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-with-ground-beef-filling-rolls-puff-pastry-with-meat-plate_114579-110.jpg?_wi=1",
|
||||
imageAlt: "Daily special dish presentation",
|
||||
authorName: "GreenLeaf Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg",
|
||||
date: "Daily Updated",
|
||||
},
|
||||
id: "gallery-3", category: ["Daily Special", "Featured"],
|
||||
title: "Today's Special Creation", excerpt: "Our rotating special menu features seasonal ingredients and innovative vegetarian creations.", imageSrc: "http://img.b2bpic.net/free-photo/pie-with-ground-beef-filling-rolls-puff-pastry-with-meat-plate_114579-110.jpg", imageAlt: "Daily special dish presentation", authorName: "GreenLeaf Team", authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg", date: "Daily Updated"},
|
||||
{
|
||||
id: "gallery-4",
|
||||
category: "Community",
|
||||
title: "Community & Connection",
|
||||
excerpt: "Join our community events and meet fellow plant-based food enthusiasts and wellness advocates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-party_23-2149734943.jpg?_wi=1",
|
||||
imageAlt: "Community gathering at cafe",
|
||||
authorName: "GreenLeaf Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg",
|
||||
date: "Daily Updated",
|
||||
},
|
||||
id: "gallery-4", category: "Community", title: "Community & Connection", excerpt: "Join our community events and meet fellow plant-based food enthusiasts and wellness advocates.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-party_23-2149734943.jpg", imageAlt: "Community gathering at cafe", authorName: "GreenLeaf Team", authorAvatar: "http://img.b2bpic.net/free-vector/happy-set-smiley-avatars_23-2147673209.jpg", date: "Daily Updated"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
@@ -333,26 +204,18 @@ export default function HomePage() {
|
||||
description="Subscribe to receive exclusive recipes, special offers, and updates about new menu items. Plus, get 10% off your first online order."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your email address", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your name", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "preferences",
|
||||
placeholder: "Any dietary preferences or allergies we should know about?",
|
||||
rows: 3,
|
||||
name: "preferences", placeholder: "Any dietary preferences or allergies we should know about?", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-purchasing-organic-vegetable-market_23-2148209845.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-purchasing-organic-vegetable-market_23-2148209845.jpg"
|
||||
imageAlt="Fresh organic ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -365,8 +228,7 @@ export default function HomePage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "About", href: "/about" },
|
||||
@@ -375,8 +237,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Order Online", href: "/order" },
|
||||
{ label: "Private Events", href: "/events" },
|
||||
{ label: "Catering", href: "/catering" },
|
||||
@@ -384,8 +245,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/greenleafcafe" },
|
||||
{ label: "Facebook", href: "https://facebook.com/greenleafcafe" },
|
||||
{ label: "Email", href: "mailto:hello@greenleafcafe.com" },
|
||||
@@ -393,8 +253,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Allergen Info", href: "/allergens" },
|
||||
|
||||
Reference in New Issue
Block a user