Update src/app/page.tsx

This commit is contained in:
2026-05-17 08:31:06 +00:00
parent acf5ee3e01
commit 2b6f19e1e9

View File

@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Coffee, MapPin, Moon, Star, Utensils, Wallet } from "lucide-react";
import { Coffee, MapPin, Star, Utensils, Wallet } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,394 +28,148 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Trending",
id: "trending",
},
{
name: "Hidden Gems",
id: "hidden-gems",
},
{
name: "Cheap Eats",
id: "cheap-eats",
},
]}
brandName="REZ Foodies"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Trending", id: "trending" },
{ name: "Hidden Gems", id: "hidden-gems" },
{ name: "Cheap Eats", id: "cheap-eats" },
{ name: "Community", id: "community" },
{ name: "FAQ", id: "faq" },
{ name: "CTA", id: "cta" }
]}
brandName="REZ Foodies"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
title="Discover Your Next Favorite Meal"
description="Curated food recommendations from the best hidden gems and trending cafes. Experience authentic flavors redefined."
buttons={[
{
text: "Explore Now",
href: "#trending",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg?_wi=1"
testimonials={[
{
name: "Alex Rivera",
handle: "@foodie_alex",
testimonial: "An incredible way to find hidden gems in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg?_wi=1",
},
{
name: "Sarah Chen",
handle: "@sarah_eats",
testimonial: "The curation is spot-on for every craving I have.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-doughnut-glass_23-2149298557.jpg?_wi=1",
},
{
name: "Marcus Thorne",
handle: "@marcus_dines",
testimonial: "Love the dark mode design and the quick links.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-feast-first-day-passover-seder_23-2150247733.jpg?_wi=1",
},
{
name: "Elena Rossi",
handle: "@elena_gourmet",
testimonial: "My weekend plans are always sorted with REZ.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg?_wi=1",
},
{
name: "Julian V.",
handle: "@julian_bites",
testimonial: "Authentic and reliable recommendations every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg?_wi=1",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916011.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11130.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107182.jpg",
alt: "User 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Verified Quality",
},
{
type: "text",
text: "Authentic Flavors",
},
{
type: "text",
text: "Hidden Locations",
},
{
type: "text",
text: "Trending Spots",
},
{
type: "text",
text: "Local Favorites",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "glowing-orb" }}
title="Discover Your Next Favorite Meal"
description="Curated food recommendations from the best hidden gems and trending cafes. Experience authentic flavors redefined."
buttons={[{ text: "Explore Now", href: "#trending" }]}
imageSrc="http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg"
testimonials={[
{ name: "Alex Rivera", handle: "@foodie_alex", testimonial: "An incredible way to find hidden gems in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg" },
{ name: "Sarah Chen", handle: "@sarah_eats", testimonial: "The curation is spot-on for every craving I have.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-doughnut-glass_23-2149298557.jpg" },
{ name: "Marcus Thorne", handle: "@marcus_dines", testimonial: "Love the dark mode design and the quick links.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-feast-first-day-passover-seder_23-2150247733.jpg" },
{ name: "Elena Rossi", handle: "@elena_gourmet", testimonial: "My weekend plans are always sorted with REZ.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg" },
{ name: "Julian V.", handle: "@julian_bites", testimonial: "Authentic and reliable recommendations every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg" }
]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916011.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916030.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-creative-personality_613910-11130.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107182.jpg", alt: "User 5" }
]}
/>
</div>
<div id="trending" data-section="trending">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Langit Espresso Bar",
price: "$$$",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg?_wi=1",
},
{
id: "2",
name: "Street Flavors Hub",
price: "$",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091589.jpg?_wi=1",
},
{
id: "3",
name: "The Golden Pastry",
price: "$$",
imageSrc: "http://img.b2bpic.net/free-photo/meringue-roll-concept-tasty-delicious-food_185193-165547.jpg",
},
{
id: "4",
name: "Bistro Deluxe",
price: "$$$",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-street-food-outdoors_23-2149009686.jpg",
},
{
id: "5",
name: "Noodle Haven",
price: "$",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-plate-high-angle_23-2149214639.jpg",
},
{
id: "6",
name: "Sweet Escape",
price: "$$",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plates-with-delicious-blackberries_23-2148340447.jpg",
},
]}
title="Trending Now"
description="The most talked about culinary experiences this week."
/>
</div>
<div id="trending" data-section="trending">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", name: "Langit Espresso Bar", price: "$$$", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg" },
{ id: "2", name: "Street Flavors Hub", price: "$", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091589.jpg" },
{ id: "3", name: "The Golden Pastry", price: "$$", imageSrc: "http://img.b2bpic.net/free-photo/meringue-roll-concept-tasty-delicious-food_185193-165547.jpg" },
{ id: "4", name: "Bistro Deluxe", price: "$$$", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-some-street-food-outdoors_23-2149009686.jpg" },
{ id: "5", name: "Noodle Haven", price: "$", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-plate-high-angle_23-2149214639.jpg" },
{ id: "6", name: "Sweet Escape", price: "$$", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plates-with-delicious-blackberries_23-2148340447.jpg" }
]}
title="Trending Now"
description="The most talked about culinary experiences this week."
/>
</div>
<div id="hidden-gems" data-section="hidden-gems">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Coffee Corners",
description: "Quiet spots for deep work and amazing brews.",
icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149600693.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwich-cookies-tied-yummy-getting-sugar-powder-dark-blue-desk-cake_140725-27527.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg?_wi=2",
imageAlt: "artisanal coffee shop vibe",
},
{
title: "Local Eateries",
description: "Authentic dishes passed down through generations.",
icon: Utensils,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-with-red-onion-rings-pickled-cucumber-drizzled-with-sauce_140725-6651.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg?_wi=2",
imageAlt: "artisanal coffee shop vibe",
},
{
title: "Late Night Snaps",
description: "Vibrant night vibes with delicious snacks.",
icon: Moon,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/burgers-per-two-pax-with-full-melted-cheese-black-board_114579-1934.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091589.jpg?_wi=2",
imageAlt: "artisanal coffee shop vibe",
},
]}
title="Secret Finds"
description="Explore local cafes that only the regulars know about."
/>
</div>
<div id="hidden-gems" data-section="hidden-gems">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Coffee Corners", description: "Quiet spots for deep work and amazing brews.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149600693.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwich-cookies-tied-yummy-getting-sugar-powder-dark-blue-desk-cake_140725-27527.jpg" }] },
{ title: "Local Eateries", description: "Authentic dishes passed down through generations.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-with-red-onion-rings-pickled-cucumber-drizzled-with-sauce_140725-6651.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942376.jpg" }] },
{ title: "Late Night Snaps", description: "Vibrant night vibes with delicious snacks.", icon: Moon, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/burgers-per-two-pax-with-full-melted-cheese-black-board_114579-1934.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg" }] }
]}
title="Secret Finds"
description="Explore local cafes that only the regulars know about."
/>
</div>
<div id="cheap-eats" data-section="cheap-eats">
<MetricCardThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Wallet,
title: "Affordable Picks",
value: "50+",
},
{
id: "m2",
icon: Star,
title: "Highly Rated",
value: "4.5+",
},
{
id: "m3",
icon: MapPin,
title: "Verified Locations",
value: "100+",
},
]}
title="Budget Dining Under 20k"
description="Don't break the bank while having a gourmet time."
/>
</div>
<div id="cheap-eats" data-section="cheap-eats">
<MetricCardThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Wallet, title: "Affordable Picks", value: "50+" },
{ id: "m2", icon: Star, title: "Highly Rated", value: "4.5+" },
{ id: "m3", icon: MapPin, title: "Verified Locations", value: "100+" }
]}
title="Budget Dining Under 20k"
description="Don't break the bank while having a gourmet time."
/>
</div>
<div id="community" data-section="community">
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jane Doe",
handle: "@foodie",
testimonial: "Amazing recommendations every time!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg?_wi=2",
},
{
id: "t2",
name: "John Smith",
handle: "@traveler",
testimonial: "I found the best cafe thanks to REZ.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-doughnut-glass_23-2149298557.jpg?_wi=2",
},
{
id: "t3",
name: "Alice Wang",
handle: "@chef",
testimonial: "Quality curation for true foodies.",
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-feast-first-day-passover-seder_23-2150247733.jpg?_wi=2",
},
{
id: "t4",
name: "Bob Chen",
handle: "@local",
testimonial: "My go-to app for cheap weekend bites.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg?_wi=2",
},
{
id: "t5",
name: "Charlie R.",
handle: "@user",
testimonial: "Simple, clean, and delicious finds.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg?_wi=2",
},
]}
title="Voices of REZ"
description="What our fellow food lovers are saying."
/>
</div>
<div id="community" data-section="community">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Jane Doe", handle: "@foodie", testimonial: "Amazing recommendations every time!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020040.jpg" },
{ id: "t2", name: "John Smith", handle: "@traveler", testimonial: "I found the best cafe thanks to REZ.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-doughnut-glass_23-2149298557.jpg" },
{ id: "t3", name: "Alice Wang", handle: "@chef", testimonial: "Quality curation for true foodies.", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-feast-first-day-passover-seder_23-2150247733.jpg" },
{ id: "t4", name: "Bob Chen", handle: "@local", testimonial: "My go-to app for cheap weekend bites.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-dressed-gardening-clothes_23-2148396884.jpg" },
{ id: "t5", name: "Charlie R.", handle: "@user", testimonial: "Simple, clean, and delicious finds.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg" }
]}
title="Voices of REZ"
description="What our fellow food lovers are saying."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do you rate cafes?",
content: "We check quality, price, and vibe.",
},
{
id: "q2",
title: "Is it free to use?",
content: "Yes, always free!",
},
{
id: "q3",
title: "Can I suggest a place?",
content: "Contact us via WhatsApp.",
},
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How do you rate cafes?", content: "We check quality, price, and vibe." },
{ id: "q2", title: "Is it free to use?", content: "Yes, always free!" },
{ id: "q3", title: "Can I suggest a place?", content: "Contact us via WhatsApp." }
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="cta" data-section="cta">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Join Us"
title="Ready to Eat?"
description="Follow us on Instagram or WhatsApp us for instant food map links."
buttons={[
{
text: "WhatsApp Us",
href: "https://wa.me/1234567890",
},
{
text: "Instagram",
href: "https://instagram.com",
},
]}
/>
</div>
<div id="cta" data-section="cta">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Join Us"
title="Ready to Eat?"
description="Follow us on Instagram or WhatsApp us for instant food map links."
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/1234567890" }, { text: "Instagram", href: "https://instagram.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg"
logoText="REZ Foodies"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#hero",
},
{
label: "Socials",
href: "#cta",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg"
logoText="REZ Foodies"
columns={[
{ title: "Company", items: [{ label: "About", href: "#hero" }, { label: "Socials", href: "#cta" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);