Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -33,136 +33,79 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Taste n Health"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Fresh, Tasty Food LightningFast Delivery"
|
||||
description="Loved by 305 Karachi customers. Quality ingredients, hygienic preparation, and service until 2 AM—order now and taste the difference."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg",
|
||||
imageAlt: "fresh gourmet fast food photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1862.jpg", imageAlt: "fresh gourmet fast food photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg",
|
||||
imageAlt: "fresh pizza fast food delivery box",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg", imageAlt: "fresh pizza fast food delivery box"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-menu-arrangement_23-2148614040.jpg",
|
||||
imageAlt: "fresh ingredients salad healthy meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburger-menu-arrangement_23-2148614040.jpg", imageAlt: "fresh ingredients salad healthy meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-cutting-burger-with-egg_23-2148678847.jpg",
|
||||
imageAlt: "Front view man cutting burger with egg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-cutting-burger-with-egg_23-2148678847.jpg", imageAlt: "Front view man cutting burger with egg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-burger-cut-half_23-2148678849.jpg",
|
||||
imageAlt: "High angle man holding burger cut in half",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-burger-cut-half_23-2148678849.jpg", imageAlt: "High angle man holding burger cut in half"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburgers-wooden-table_23-2148374946.jpg",
|
||||
imageAlt: "fresh ingredients salad healthy meal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hamburgers-wooden-table_23-2148374946.jpg", imageAlt: "fresh ingredients salad healthy meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-asking-signature-while-standing-with-stack-pizza-boxes-isolated-orange-background_141793-20236.jpg",
|
||||
imageAlt: "fresh pizza fast food delivery box",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-strained-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-asking-signature-while-standing-with-stack-pizza-boxes-isolated-orange-background_141793-20236.jpg", imageAlt: "fresh pizza fast food delivery box"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-plate-chicken-meat-with-vegetables_114579-66219.jpg",
|
||||
imageAlt: "fresh gourmet fast food photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-plate-chicken-meat-with-vegetables_114579-66219.jpg", imageAlt: "fresh gourmet fast food photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg",
|
||||
imageAlt: "A young woman eating burger in street cafe close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg", imageAlt: "A young woman eating burger in street cafe close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg",
|
||||
imageAlt: "Tasty grilled beef burger on cutting board",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-beef-burger-cutting-board_7502-9885.jpg", imageAlt: "Tasty grilled beef burger on cutting board"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Online Now", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14745.jpg",
|
||||
alt: "Woman in a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14745.jpg", alt: "Woman in a cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-talking-her-long-distance-lover_23-2149289491.jpg",
|
||||
alt: "Woman talking",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-talking-her-long-distance-lover_23-2149289491.jpg", alt: "Woman talking"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
alt: "Happy woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Happy woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",
|
||||
alt: "Elegant woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg", alt: "Elegant woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-21816.jpg",
|
||||
alt: "Attractive young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-21816.jpg", alt: "Attractive young woman"},
|
||||
]}
|
||||
avatarText="Join our 10,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-creative-assortment-with-hamburger-menu_23-2148614124.jpg",
|
||||
alt: "hamburger menu",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/flat-lay-creative-assortment-with-hamburger-menu_23-2148614124.jpg", alt: "hamburger menu"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-classic-burger-with-tomato-slices-dip_23-2148290704.jpg",
|
||||
alt: "classic burger",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-classic-burger-with-tomato-slices-dip_23-2148290704.jpg", alt: "classic burger"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/burger_1339-1570.jpg",
|
||||
alt: "burger",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/burger_1339-1570.jpg", alt: "burger"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-chicken-nuggets-juice-cup_23-2148314182.jpg",
|
||||
alt: "chicken nuggets",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-chicken-nuggets-juice-cup_23-2148314182.jpg", alt: "chicken nuggets"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg",
|
||||
alt: "vegan food",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/vegan-food-cutting-boards-white-wooden-table_23-2148305742.jpg", alt: "vegan food"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,14 +115,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to Quality & Hygiene",
|
||||
},
|
||||
type: "text", content: "Our Commitment to Quality & Hygiene"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg",
|
||||
alt: "modern hygienic restaurant kitchen setting",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/side-view-caesar-salad-with-tomato-lettuce-human-hand-table_176474-3026.jpg", alt: "modern hygienic restaurant kitchen setting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,47 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Beef Burger",
|
||||
price: "Rs. 450",
|
||||
variant: "Meat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-cheddar-lettuces-onion_140725-5718.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Beef Burger", price: "Rs. 450", variant: "Meat", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-cheddar-lettuces-onion_140725-5718.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crispy Fried Chicken",
|
||||
price: "Rs. 350",
|
||||
variant: "Chicken",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg",
|
||||
},
|
||||
id: "p2", name: "Crispy Fried Chicken", price: "Rs. 350", variant: "Chicken", imageSrc: "http://img.b2bpic.net/free-photo/deliciously-cooked-seasoned-chicken-wings-with-garlic-table-lights_181624-27096.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Garden Salad",
|
||||
price: "Rs. 250",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-getting-food_53876-20786.jpg",
|
||||
},
|
||||
id: "p3", name: "Fresh Garden Salad", price: "Rs. 250", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-people-getting-food_53876-20786.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Margherita Pizza",
|
||||
price: "Rs. 650",
|
||||
variant: "Pizza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg",
|
||||
},
|
||||
id: "p4", name: "Margherita Pizza", price: "Rs. 650", variant: "Pizza", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-eating-pizza-doner-wrapped-lavash-served-with-french-fries-sauces-table-table_140725-12112.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Berry Lemonade",
|
||||
price: "Rs. 150",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-jar-lemon-juice-citrus-fruits-around-blue-surface_141793-1566.jpg",
|
||||
},
|
||||
id: "p5", name: "Berry Lemonade", price: "Rs. 150", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/top-view-jar-lemon-juice-citrus-fruits-around-blue-surface_141793-1566.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Fries",
|
||||
price: "Rs. 180",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-table_114579-9260.jpg",
|
||||
},
|
||||
id: "p6", name: "Classic Fries", price: "Rs. 180", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-table_114579-9260.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Quick, delicious, and made fresh for you."
|
||||
@@ -246,34 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Quality",
|
||||
title: "Fresh Ingredients",
|
||||
items: [
|
||||
"Sourced daily",
|
||||
"No preservatives",
|
||||
"Local produce",
|
||||
],
|
||||
id: "f1", label: "Quality", title: "Fresh Ingredients", items: [
|
||||
"Sourced daily", "No preservatives", "Local produce"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Hygiene",
|
||||
title: "Sanitary Kitchens",
|
||||
items: [
|
||||
"Rigorous cleaning",
|
||||
"Staff training",
|
||||
"Safety first",
|
||||
],
|
||||
id: "f2", label: "Hygiene", title: "Sanitary Kitchens", items: [
|
||||
"Rigorous cleaning", "Staff training", "Safety first"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Delivery",
|
||||
title: "Fast Shipping",
|
||||
items: [
|
||||
"2 AM service",
|
||||
"Real-time tracking",
|
||||
"Reliable couriers",
|
||||
],
|
||||
id: "f3", label: "Delivery", title: "Fast Shipping", items: [
|
||||
"2 AM service", "Real-time tracking", "Reliable couriers"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Taste n Health?"
|
||||
@@ -288,22 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Customers",
|
||||
value: "10,000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Happy Customers", value: "10,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Meals Delivered",
|
||||
value: "50,000+",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", title: "Meals Delivered", value: "50,000+", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Rating",
|
||||
value: "4.8",
|
||||
icon: Star,
|
||||
id: "m3", title: "Rating", value: "4.8", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Serving Karachi Daily"
|
||||
@@ -319,25 +200,15 @@ export default function LandingPage() {
|
||||
author="Sarah Khan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg",
|
||||
alt: "happy customer eating burger restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg", alt: "happy customer eating burger restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",
|
||||
alt: "happy customer eating burger restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg", alt: "happy customer eating burger restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-lunch-fast-food-restaurant-with-young-boy-eating-burgers-fries_496169-1285.jpg",
|
||||
alt: "happy customer eating burger restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-lunch-fast-food-restaurant-with-young-boy-eating-burgers-fries_496169-1285.jpg", alt: "happy customer eating burger restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-friends-having-burger-together_23-2148718856.jpg",
|
||||
alt: "happy customer eating burger restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-friends-having-burger-together_23-2148718856.jpg", alt: "happy customer eating burger restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
alt: "happy customer eating burger restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "happy customer eating burger restaurant"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -350,20 +221,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your delivery hours?",
|
||||
content: "We deliver until 2 AM every day.",
|
||||
},
|
||||
id: "q1", title: "What are your delivery hours?", content: "We deliver until 2 AM every day."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer dine-in?",
|
||||
content: "Yes, come visit our outlet anytime.",
|
||||
},
|
||||
id: "q2", title: "Do you offer dine-in?", content: "Yes, come visit our outlet anytime."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your food halal?",
|
||||
content: "Absolutely, 100% Halal certified ingredients.",
|
||||
},
|
||||
id: "q3", title: "Is your food halal?", content: "Absolutely, 100% Halal certified ingredients."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Need help? Find answers here."
|
||||
@@ -375,8 +237,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Order Now"
|
||||
title="Get Fresh Food Delivered"
|
||||
description="Enter your email to receive our latest deals and tracking updates."
|
||||
@@ -391,37 +252,23 @@ export default function LandingPage() {
|
||||
logoText="Taste n Health"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Tracking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tracking", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user