Merge version_1 into main #1
452
src/app/page.tsx
452
src/app/page.tsx
@@ -27,339 +27,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lite Bite"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lite Bite"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="A Satisfaction With Every Bite"
|
||||
description="Experience the authentic flavors of Lite Bite. From sizzling burgers to wood-fired pizzas, we deliver perfection to your door."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "The best burger in town! Perfectly cooked and seasoned.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-man-eating-vegan-burger-vegan-restaurant-cafe-smiling-man-sitting-table-looking-camera_549566-844.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The deals are unbeatable and the taste is exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ali K.",
|
||||
handle: "@alik",
|
||||
testimonial: "Fast delivery and hot food every time. Love the pizza!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Consistent quality and great service. My go-to place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-potato_23-2148899058.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Absolutely delicious wraps and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CW4SvYhjtYH1xoOgBs77My2uY1/uploaded-1776488905466-f0wsdogn.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110426.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24364.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-taking-photos-restaurant_23-2150520116.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520074.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied foodies"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="A Satisfaction With Every Bite"
|
||||
description="Experience the authentic flavors of Lite Bite. From sizzling burgers to wood-fired pizzas, we deliver perfection to your door."
|
||||
testimonials={[
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "The best burger in town! Perfectly cooked and seasoned.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CW4SvYhjtYH1xoOgBs77My2uY1/uploaded-1776488905466-f0wsdogn.jpg" },
|
||||
{ name: "Sarah M.", handle: "@sarahm", testimonial: "The deals are unbeatable and the taste is exceptional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285298.jpg" },
|
||||
{ name: "Ali K.", handle: "@alik", testimonial: "Fast delivery and hot food every time. Love the pizza!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg" },
|
||||
{ name: "Mark R.", handle: "@markr", testimonial: "Consistent quality and great service. My go-to place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-potato_23-2148899058.jpg" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "Absolutely delicious wraps and friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CW4SvYhjtYH1xoOgBs77My2uY1/uploaded-1776488905466-f0wsdogn.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110426.jpg", alt: "User avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24364.jpg", alt: "User avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg", alt: "User avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-taking-photos-restaurant_23-2150520116.jpg", alt: "User avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520074.jpg", alt: "User avatar 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Journey"
|
||||
description="Founded with a passion for quality, Lite Bite Cafe has been serving happiness since day one. We use fresh ingredients to create meals that bring families together."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3434.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Journey"
|
||||
description="Founded with a passion for quality, Lite Bite Cafe has been serving happiness since day one. We use fresh ingredients to create meals that bring families together."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3434.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Deal",
|
||||
name: "Zinger Burger Delight",
|
||||
price: "$11.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-beef-burger-wooden-board-with-french-fries-tomatoes-it_181624-36356.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Deal",
|
||||
name: "Large Pepperoni Feast",
|
||||
price: "$17.99",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21841.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Deal",
|
||||
name: "Hot Wings Platter",
|
||||
price: "$11.99",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-plate-with-sauce-fizzy-drink_23-2148646619.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Deal",
|
||||
name: "Arabic Wrap Combo",
|
||||
price: "$10.99",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-roll-grilled-chicken-lettuce-cucumber-tomato-mayo-pita_141793-4849.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Drink",
|
||||
name: "Refreshment Set",
|
||||
price: "$5.99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-black-lemonade-bottles_140725-99722.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Deal",
|
||||
name: "Crisper Burger Meal",
|
||||
price: "$14.99",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-spreading-ketchup-tasty-beef-burger_23-2148290672.jpg",
|
||||
},
|
||||
]}
|
||||
title="Chef Specials"
|
||||
description="Discover our most popular deals curated by our master chefs."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Deal", name: "Zinger Burger Delight", price: "$11.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-beef-burger-wooden-board-with-french-fries-tomatoes-it_181624-36356.jpg" },
|
||||
{ id: "2", brand: "Deal", name: "Large Pepperoni Feast", price: "$17.99", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21841.jpg" },
|
||||
{ id: "3", brand: "Deal", name: "Hot Wings Platter", price: "$11.99", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-plate-with-sauce-fizzy-drink_23-2148646619.jpg" },
|
||||
{ id: "4", brand: "Deal", name: "Arabic Wrap Combo", price: "$10.99", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-roll-grilled-chicken-lettuce-cucumber-tomato-mayo-pita_141793-4849.jpg" },
|
||||
{ id: "5", brand: "Drink", name: "Refreshment Set", price: "$5.99", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-black-lemonade-bottles_140725-99722.jpg" },
|
||||
{ id: "6", brand: "Deal", name: "Crisper Burger Meal", price: "$14.99", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/man-spreading-ketchup-tasty-beef-burger_23-2148290672.jpg" },
|
||||
]}
|
||||
title="Chef Specials"
|
||||
description="Discover our most popular deals curated by our master chefs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Meals Served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Availability",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality speaks for itself through our community numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", description: "Meals Served" },
|
||||
{ id: "m2", value: "4.8", description: "Star Rating" },
|
||||
{ id: "m3", value: "24/7", description: "Availability" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality speaks for itself through our community numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Food Critic",
|
||||
company: "Local Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6819.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Tech Lead",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-virtual-date_23-2149265864.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-restaurant_23-2150491806.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "Build IT",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-city_839833-7650.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly Orders",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our community loves dining at Lite Bite."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Food Critic", company: "Local Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6819.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Tech Lead", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-virtual-date_23-2149265864.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Designer", company: "Creative Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-restaurant_23-2150491806.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Manager", company: "Build IT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-city_839833-7650.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Satisfied Customers" },
|
||||
{ value: "500+", label: "Monthly Orders" },
|
||||
{ value: "12", label: "Years Experience" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our community loves dining at Lite Bite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer fast delivery services within 10km of our location.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your timings?",
|
||||
content: "We are open from 10:00 am to 03:00 am daily.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book a table?",
|
||||
content: "Absolutely! Give us a call or use our online form to book your table.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934693.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we offer fast delivery services within 10km of our location." },
|
||||
{ id: "q2", title: "What are your timings?", content: "We are open from 10:00 am to 03:00 am daily." },
|
||||
{ id: "q3", title: "Can I book a table?", content: "Absolutely! Give us a call or use our online form to book your table." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934693.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Visit us at GF 16-17, Sardar Bahadur Souq, Near Nova City School, Green Mart Gudwal Road Wah Cantt. Call: 0335-3055181 or 0342-5443818."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Visit us at GF 16-17, Sardar Bahadur Souq, Near Nova City School, Green Mart Gudwal Road Wah Cantt. Call: 0335-3055181 or 0342-5443818."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lite Bite"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Deals",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lite Bite"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Deals", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user