Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, BookOpen, Clock, Leaf } from "lucide-react";
|
||||
import { Award, BookOpen, Clock, Leaf, Flame, CalendarDays, Recycle, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Eats"
|
||||
/>
|
||||
@@ -56,71 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Fresh Flavors, Delivered."
|
||||
description="Experience artisanal meals crafted from the freshest locally-sourced ingredients, brought straight to your table."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Meals Served",
|
||||
},
|
||||
value: "500+", label: "Meals Served"},
|
||||
{
|
||||
value: "15",
|
||||
label: "Local Farms",
|
||||
},
|
||||
value: "15", label: "Local Farms"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "5.0", label: "Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-fish-fillet-grilled-with-vegetables-served-with-fresh-herbs-sauce-plate_141793-2969.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-fish-fillet-grilled-with-vegetables-served-with-fresh-herbs-sauce-plate_141793-2969.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-half-onion-cutting-board-with-fresh-vegetables-salad_169016-52041.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-half-onion-cutting-board-with-fresh-vegetables-salad_169016-52041.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm to Table",
|
||||
},
|
||||
type: "text", text: "Farm to Table"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal",
|
||||
},
|
||||
type: "text", text: "Artisanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
type: "text", text: "Handcrafted"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,7 +98,7 @@ export default function LandingPage() {
|
||||
description="We believe that the best meals start with ingredients grown with care. Our kitchen is dedicated to preserving traditional methods while exploring modern culinary possibilities."
|
||||
subdescription="Every dish tells a story of local farmers, seasonal harvests, and a deep love for good food."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-bowl-with-ripe-black-tomatoes-kitchen-table_169016-40837.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-bowl-with-ripe-black-tomatoes-kitchen-table_169016-40837.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -144,40 +109,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Sourced daily from our partner farms.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetables-as-garlic-radish-plaid-cloth-surface_141793-5315.jpg",
|
||||
imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "Sourced daily from our partner farms.", buttonIcon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetables-as-garlic-radish-plaid-cloth-surface_141793-5315.jpg", imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface"},
|
||||
{
|
||||
title: "Artisan Methods",
|
||||
description: "Hand-crafted by expert culinary masters.",
|
||||
buttonIcon: "Flame",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg?_wi=2",
|
||||
imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface",
|
||||
},
|
||||
title: "Artisan Methods", description: "Hand-crafted by expert culinary masters.", buttonIcon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-stuffed-tomato-dish-with-roasted-potato-yogurt-1_140725-6963.jpg", imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface"},
|
||||
{
|
||||
title: "Seasonal Menus",
|
||||
description: "Always shifting to showcase peak harvest.",
|
||||
buttonIcon: "CalendarDays",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bowl-with-ripe-black-tomatoes-kitchen-table_169016-40837.jpg?_wi=2",
|
||||
imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface",
|
||||
},
|
||||
title: "Seasonal Menus", description: "Always shifting to showcase peak harvest.", buttonIcon: CalendarDays,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bowl-with-ripe-black-tomatoes-kitchen-table_169016-40837.jpg", imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface"},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Committed to minimal waste and footprint.",
|
||||
buttonIcon: "Recycle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-burger-with-steak-french-fries-with-herbs_114579-1923.jpg?_wi=1",
|
||||
imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface",
|
||||
},
|
||||
title: "Sustainable Practices", description: "Committed to minimal waste and footprint.", buttonIcon: Recycle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-burger-with-steak-french-fries-with-herbs_114579-1923.jpg", imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface"},
|
||||
{
|
||||
title: "Community Focused",
|
||||
description: "Supporting local economy and families.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-fork-spoon-table_23-2147930776.jpg?_wi=1",
|
||||
imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface",
|
||||
},
|
||||
title: "Community Focused", description: "Supporting local economy and families.", buttonIcon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-fork-spoon-table_23-2147930776.jpg", imageAlt: "Close-up view of vegetables as garlic and radish on plaid cloth surface"},
|
||||
]}
|
||||
title="Why Choose Eats?"
|
||||
description="We prioritize quality above all, ensuring every bite is as exceptional as the last."
|
||||
@@ -192,41 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Burger",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-burger-with-steak-french-fries-with-herbs_114579-1923.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Gourmet Burger", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/big-burger-with-steak-french-fries-with-herbs_114579-1923.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Pasta",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-fork-spoon-table_23-2147930776.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Fresh Pasta", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/gold-fork-spoon-table_23-2147930776.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Salad",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-salad-with-various-sliced-vegetables_181624-44708.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisan Salad", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-salad-with-various-sliced-vegetables_181624-44708.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Handmade Pastry",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-creamy-cakes-with-fresh-fruits-light-background_140725-132669.jpg",
|
||||
},
|
||||
id: "p4", name: "Handmade Pastry", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-creamy-cakes-with-fresh-fruits-light-background_140725-132669.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grilled Salmon",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-carrots-other-healthy-food_23-2148381294.jpg",
|
||||
},
|
||||
id: "p5", name: "Grilled Salmon", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-carrots-other-healthy-food_23-2148381294.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Rustic Sourdough",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg",
|
||||
},
|
||||
id: "p6", name: "Rustic Sourdough", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-1716.jpg"},
|
||||
]}
|
||||
title="Today's Specials"
|
||||
description="Handpicked favorites from our current seasonal menu."
|
||||
@@ -241,25 +162,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Fresh",
|
||||
description: "Farm-to-table sources",
|
||||
icon: Leaf,
|
||||
id: "m1", value: "100%", title: "Fresh", description: "Farm-to-table sources", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Recipes",
|
||||
description: "Curated culinary creations",
|
||||
icon: BookOpen,
|
||||
id: "m2", value: "50+", title: "Recipes", description: "Curated culinary creations", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Speed",
|
||||
description: "Maximum freshness window",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24h", title: "Speed", description: "Maximum freshness window", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -274,40 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcooks",
|
||||
testimonial: "Absolutely the best meal I've had in a long time. So fresh!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1740.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahcooks", testimonial: "Absolutely the best meal I've had in a long time. So fresh!", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1740.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
handle: "@foodie_mike",
|
||||
testimonial: "The seasonal menu is a genius idea. Everything tasted authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21088.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike D.", handle: "@foodie_mike", testimonial: "The seasonal menu is a genius idea. Everything tasted authentic.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21088.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_eats",
|
||||
testimonial: "Such a cozy spot with incredible, high-quality ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elena_eats", testimonial: "Such a cozy spot with incredible, high-quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@david_diners",
|
||||
testimonial: "The service and quality were both top-notch. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@david_diners", testimonial: "The service and quality were both top-notch. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kim L.",
|
||||
handle: "@kim_tasty",
|
||||
testimonial: "Every bite felt like a little piece of art. Truly wonderful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-colleagues-with-pizza_23-2149103772.jpg",
|
||||
},
|
||||
id: "t5", name: "Kim L.", handle: "@kim_tasty", testimonial: "Every bite felt like a little piece of art. Truly wonderful.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-colleagues-with-pizza_23-2149103772.jpg"},
|
||||
]}
|
||||
title="What Our Diners Say"
|
||||
description="Hear from our passionate community of food lovers."
|
||||
@@ -320,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where do you source ingredients?",
|
||||
content: "We work exclusively with local partner farms within 50 miles.",
|
||||
},
|
||||
id: "q1", title: "Where do you source ingredients?", content: "We work exclusively with local partner farms within 50 miles."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, our menu features curated vegan dishes every day.",
|
||||
},
|
||||
id: "q2", title: "Do you offer vegan options?", content: "Yes, our menu features curated vegan dishes every day."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I book a table?",
|
||||
content: "You can reserve a table via our online booking portal.",
|
||||
},
|
||||
id: "q3", title: "How can I book a table?", content: "You can reserve a table via our online booking portal."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our food and services."
|
||||
@@ -345,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Plan Your Meal"
|
||||
description="Have special requests or want to cater your next event? Reach out to our team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,29 +236,19 @@ export default function LandingPage() {
|
||||
logoText="Eats"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user