Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
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: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Location", id: "contact"},
|
||||
]}
|
||||
brandName="THE LUNCH SPOT"
|
||||
/>
|
||||
@@ -58,121 +48,67 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Best Lunch You’ll Have All Week"
|
||||
description="Experience exquisite flavors, outstanding service, and a warm atmosphere crafted just for you. Your table is waiting."
|
||||
description="Treat yourself to our daily special—chef's signature entree for just $9 today only! Order now before we sell out and secure your premium lunch experience."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg",
|
||||
imageAlt: "Luxurious table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg", imageAlt: "Luxurious table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg",
|
||||
imageAlt: "Gourmet meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg", imageAlt: "Gourmet meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blueberries-dark-plate_23-2148425537.jpg",
|
||||
imageAlt: "Elegant decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blueberries-dark-plate_23-2148425537.jpg", imageAlt: "Elegant decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-male-dining-out-with-his-friends-restaurant_181624-39580.jpg",
|
||||
imageAlt: "Warm service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-male-dining-out-with-his-friends-restaurant_181624-39580.jpg", imageAlt: "Warm service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-salad-round-shape-salt_23-2148748877.jpg",
|
||||
imageAlt: "Clean ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-salad-round-shape-salt_23-2148748877.jpg", imageAlt: "Clean ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-radish-slices_140725-3402.jpg",
|
||||
imageAlt: "Five star food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-radish-slices_140725-3402.jpg", imageAlt: "Five star food"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg",
|
||||
imageAlt: "Luxurious table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg", imageAlt: "Luxurious table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-macaroni-black-plate-black-background-side-view_176474-3927.jpg",
|
||||
imageAlt: "Gourmet meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-macaroni-black-plate-black-background-side-view_176474-3927.jpg", imageAlt: "Gourmet meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg",
|
||||
imageAlt: "Elegant decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg", imageAlt: "Elegant decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg",
|
||||
imageAlt: "Warm service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Warm service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081867.jpg",
|
||||
imageAlt: "Clean ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081867.jpg", imageAlt: "Clean ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-green-salad-with-chips-glass-prosecco_114579-3779.jpg",
|
||||
imageAlt: "Five star food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-green-salad-with-chips-glass-prosecco_114579-3779.jpg", imageAlt: "Five star food"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-eating-egg-tomato-dish-served-with-bread-cup-coffee_140725-8739.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-eating-egg-tomato-dish-served-with-bread-cup-coffee_140725-8739.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-cutting-food_23-2150124822.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-cutting-food_23-2150124822.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy lunch guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg",
|
||||
alt: "Gourmet dish",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", alt: "Gourmet dish"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949024.jpg",
|
||||
alt: "Fine plating",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949024.jpg", alt: "Fine plating"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-herbs_23-2148425548.jpg",
|
||||
alt: "Restaurant vibe",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-herbs_23-2148425548.jpg", alt: "Restaurant vibe"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pasta-with-green-pesto-sauce-with-peanuts_114579-2434.jpg",
|
||||
alt: "Handmade pasta",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/pasta-with-green-pesto-sauce-with-peanuts_114579-2434.jpg", alt: "Handmade pasta"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg",
|
||||
alt: "Specialty entree",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg", alt: "Specialty entree"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,19 +120,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Rating",
|
||||
value: "5.0 ★",
|
||||
},
|
||||
label: "Rating", value: "5.0 ★"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Recommended",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Recommended", value: "100%"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Wait Time",
|
||||
value: "None",
|
||||
},
|
||||
label: "Wait Time", value: "None"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -210,41 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chef's Signature Lunch",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-199.jpg",
|
||||
},
|
||||
id: "p1", name: "Chef's Signature Lunch", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-199.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Garden Fresh Salad",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg",
|
||||
},
|
||||
id: "p2", name: "Garden Fresh Salad", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisanal Soup Bowl",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg",
|
||||
},
|
||||
id: "p3", name: "Artisanal Soup Bowl", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Grilled Sandwich",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081457.jpg",
|
||||
},
|
||||
id: "p4", name: "Gourmet Grilled Sandwich", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081457.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Special Daily Entree",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-served-with-crispy-cracker-green-vegetables_114579-1717.jpg",
|
||||
},
|
||||
id: "p5", name: "Special Daily Entree", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/salad-served-with-crispy-cracker-green-vegetables_114579-1717.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Handmade Dessert",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-salad_140725-6549.jpg",
|
||||
},
|
||||
id: "p6", name: "Handmade Dessert", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-salad_140725-6549.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Exquisite dishes crafted with fresh local ingredients. Affordable pricing, world-class flavor."
|
||||
@@ -258,59 +164,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Juan Pérez",
|
||||
role: "Food Blogger",
|
||||
company: "Local Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",
|
||||
},
|
||||
id: "t1", name: "Juan Pérez", role: "Food Blogger", company: "Local Foodie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "Regular",
|
||||
company: "Neighborhood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-photos-food_23-2149303512.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria Garcia", role: "Regular", company: "Neighborhood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-photos-food_23-2149303512.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carlos Gomez",
|
||||
role: "Food Critic",
|
||||
company: "Regional Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-having-lunch-with-her-husband-talking-him-dining-table_637285-10457.jpg",
|
||||
},
|
||||
id: "t3", name: "Carlos Gomez", role: "Food Critic", company: "Regional Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-having-lunch-with-her-husband-talking-him-dining-table_637285-10457.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sofia Torres",
|
||||
role: "Regular",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
},
|
||||
id: "t4", name: "Sofia Torres", role: "Regular", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Luis Martinez",
|
||||
role: "Visitor",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
},
|
||||
id: "t5", name: "Luis Martinez", role: "Visitor", company: "Tourist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Food Rating",
|
||||
},
|
||||
value: "5/5", label: "Food Rating"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Service",
|
||||
},
|
||||
value: "5/5", label: "Service"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Atmosphere",
|
||||
},
|
||||
value: "5/5", label: "Atmosphere"},
|
||||
]}
|
||||
title="Todo Riquísimo"
|
||||
description="Hear why our community loves us. 100% recommended by every guest."
|
||||
@@ -322,14 +197,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Gourmet Award",
|
||||
"Top Pick",
|
||||
"Clean & Safe",
|
||||
"Excellence Seal",
|
||||
"Local Favorite",
|
||||
"5 Star Rating",
|
||||
"Food Critic Approved",
|
||||
]}
|
||||
"Gourmet Award", "Top Pick", "Clean & Safe", "Excellence Seal", "Local Favorite", "5 Star Rating", "Food Critic Approved"]}
|
||||
title="Trusted by the Best"
|
||||
description="Recognized for excellence in food, service, and accessibility."
|
||||
/>
|
||||
@@ -342,16 +210,10 @@ export default function LandingPage() {
|
||||
description="Located in the heart of the city with plenty of parking and no wait times. We are ready to serve you the best lunch of your week."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
@@ -364,25 +226,17 @@ export default function LandingPage() {
|
||||
logoText="THE LUNCH SPOT"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "View Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "View Directions", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -391,4 +245,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user