Update src/app/page.tsx
This commit is contained in:
353
src/app/page.tsx
353
src/app/page.tsx
@@ -32,134 +32,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Foodie"
|
||||
brandName="Le Hoo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fast Food, Reimagined."
|
||||
description="Experience gourmet ingredients, bold flavors, and fresh preparations in every single bite. Taste the difference quality makes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@johns",
|
||||
testimonial: "Best burger in town!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@janed",
|
||||
testimonial: "Fresh and absolutely delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Reed",
|
||||
handle: "@alexr",
|
||||
testimonial: "Fast service, better quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Lee",
|
||||
handle: "@saml",
|
||||
testimonial: "Simply incredible flavors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kim Park",
|
||||
handle: "@kimp",
|
||||
testimonial: "The best salads, ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Le Hoo: Fast Food, Elevated."
|
||||
description="Gourmet techniques meet quick service. Discover a new standard of flavor and quality crafted specifically for your cravings."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-burger-ingredients-cutting-board_23-2148235075.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/knife-delicious-meat-sandwich-green-pepper-black-tray-sauce-ketchup-tomatoes-with-stem-gray-surface_179666-42683.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-coleslaw-cucumber-tomato-mushrooms-cheese-side-view_141793-2387.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beef-burger-stuffed-with-vegetables-apetizers-served-with-french-fries_114579-1552.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/big-portion-beef-burger-with-french-fries-dip-sauce-cafe_114579-1891.jpg",
|
||||
alt: "Sam",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg",
|
||||
alt: "Kim",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Preparation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Food",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Philosophy"
|
||||
title="Freshness First"
|
||||
description="We source ingredients locally to ensure every meal is as fresh as possible."
|
||||
subdescription="From farm to table, we believe in supporting local farmers and serving sustainable food."
|
||||
tag="The Le Hoo Promise"
|
||||
title="Crafted for Quality"
|
||||
description="We believe fast food deserves premium treatment. Our secret is simple: fresh, local ingredients and a passion for perfection."
|
||||
subdescription="Every meal at Le Hoo is prepared with care, ensuring you get the best taste experience, every time you visit."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510910.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -169,24 +70,12 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us?"
|
||||
description="Quality isn't just a word; it's our promise."
|
||||
title="Why We're Different"
|
||||
description="We challenge the status quo of fast food with uncompromising standards."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Farm to Table",
|
||||
content: "Directly from the best local farms.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Sustainable Practices",
|
||||
content: "Reducing waste one meal at a time.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Health Focused",
|
||||
content: "Delicious meals that fuel your day.",
|
||||
},
|
||||
{ id: "f1", title: "Sourced Responsibly", content: "Supporting regional farmers for peak freshness." },
|
||||
{ id: "f2", title: "Chef-Driven Recipes", content: "Gourmet flavor profiles in every item." },
|
||||
{ id: "f3", title: "Sustainable Packaging", content: "Reducing our footprint with eco-conscious materials." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-unhealthy-food_23-2148125170.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -199,76 +88,26 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Menu"
|
||||
description="From classic burgers to wholesome bowls, find your favorite."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Burger",
|
||||
price: "$12.99",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixture-fast-food_23-2148258504.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chicken Special",
|
||||
price: "$10.49",
|
||||
variant: "Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-decoration_23-2147695671.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Salad",
|
||||
price: "$8.99",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-spinach-salad-top-view_127032-3395.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Golden Fries",
|
||||
price: "$4.49",
|
||||
variant: "Salted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-french-fries-with-sauces-black_140725-104471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Choco Shake",
|
||||
price: "$5.99",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-with-cup-wine_114579-16590.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Berry Smoothie",
|
||||
price: "$6.49",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-raspberry-smoothie-recipe_53876-105974.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Le Hoo Burger", price: "$14.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixture-fast-food_23-2148258504.jpg" },
|
||||
{ id: "2", name: "Spiced Crispy Chicken", price: "$11.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-decoration_23-2147695671.jpg" },
|
||||
{ id: "3", name: "Farm Fresh Salad", price: "$9.99", variant: "Light", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-spinach-salad-top-view_127032-3395.jpg" },
|
||||
{ id: "4", name: "Hand-Cut Fries", price: "$4.99", variant: "Salted", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-french-fries-with-sauces-black_140725-104471.jpg" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Flavor-packed meals for everyone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Facts"
|
||||
title="By The Numbers"
|
||||
tag="The Le Hoo Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
description: "Meals Served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Local Partners",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
{ id: "m1", value: "100k+", description: "Satisfied Customers" },
|
||||
{ id: "m2", value: "15", description: "Local Partners" },
|
||||
{ id: "m3", value: "98%", description: "Freshness Rating" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -279,88 +118,25 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike",
|
||||
role: "Blogger",
|
||||
company: "ReviewCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
role: "Chef",
|
||||
company: "Cuisine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-gardener-woman-uniform-wearing-hat-holding-tomatoes-looking-front-isolated-crimson-wall_141793-109979.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dave",
|
||||
role: "Student",
|
||||
company: "Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Le Hoo"
|
||||
description="Here is what our community says about their experience."
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh",
|
||||
},
|
||||
{ value: "4.9/5", label: "Overall Rating" },
|
||||
{ value: "100%", label: "Local Sourced" },
|
||||
{ value: "24h", label: "Fresh Prep" }
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our wonderful guests are saying about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Need Assistance?"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, through all major apps.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Vegan options?",
|
||||
content: "Absolutely, we love plants.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hours?",
|
||||
content: "We are open until 11 PM daily.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer delivery?", content: "Yes, Le Hoo delivers through all major food apps." },
|
||||
{ id: "q2", title: "Are there vegan options?", content: "Absolutely, we offer a dedicated plant-based menu." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -368,56 +144,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reach Out"
|
||||
title="Visit Us Today"
|
||||
description="Located in the heart of downtown. Come taste the magic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect With Us"
|
||||
title="Join the Le Hoo Family"
|
||||
description="Sign up for our newsletter to get exclusive deals and early access to our limited menu drops."
|
||||
buttons={[{ text: "Sign Up Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Foodie"
|
||||
logoText="Le Hoo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Foodie Inc."
|
||||
copyrightText="© 2025 Le Hoo."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user