Update src/app/page.tsx
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="Zingo"
|
||||
/>
|
||||
@@ -57,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Zingo - Street Food Confidence"
|
||||
description="Authentic, crispy, and bold. Experience the best chicken buns and wraps in DHA Phase 6."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sandwich-with-chicken-burger-tomatoes-lettuce_2829-16584.jpg"
|
||||
imageAlt="Zingo Chicken Burger"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986289.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986289.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by thousands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "CRISPY CHICKEN",
|
||||
},
|
||||
type: "text", text: "CRISPY CHICKEN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SIGNATURE SAUCES",
|
||||
},
|
||||
type: "text", text: "SIGNATURE SAUCES"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AUTHENTIC STREET VIBE",
|
||||
},
|
||||
type: "text", text: "AUTHENTIC STREET VIBE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DHA PHASE 6",
|
||||
},
|
||||
type: "text", text: "DHA PHASE 6"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MADE FRESH DAILY",
|
||||
},
|
||||
type: "text", text: "MADE FRESH DAILY"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Fresh, Crispy, Zingo"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,41 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crispy Zing",
|
||||
price: "RS.550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Crispy Zing", price: "RS.550", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mighty Zing",
|
||||
price: "RS.700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-buns-table_140725-8141.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Mighty Zing", price: "RS.700", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-buns-table_140725-8141.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fillet Zing",
|
||||
price: "RS.550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Fillet Zing", price: "RS.550", imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chotu Wrap",
|
||||
price: "RS.350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-durum-shaurma-with-lavash-french-fries-wooden-board_114579-89.jpg",
|
||||
},
|
||||
id: "4", name: "Chotu Wrap", price: "RS.350", imageSrc: "http://img.b2bpic.net/chicken-durum-shaurma-with-lavash-french-fries-wooden-board_114579-89.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tornado Wrap",
|
||||
price: "RS.450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wrap-tacos-with-butter-paper_23-2148042531.jpg",
|
||||
},
|
||||
id: "5", name: "Tornado Wrap", price: "RS.450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wrap-tacos-with-butter-paper_23-2148042531.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Monster Wrap",
|
||||
price: "RS.600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-food-concept_23-2148637599.jpg",
|
||||
},
|
||||
id: "6", name: "Monster Wrap", price: "RS.600", imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-food-concept_23-2148637599.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Chicken buns, wraps, and our signature meal deals."
|
||||
@@ -188,22 +129,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Fresh Ingredients",
|
||||
description: "We use locally sourced fresh chicken and veggies daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg?_wi=2",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "We use locally sourced fresh chicken and veggies daily.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Signature Sauces",
|
||||
description: "5 custom heat-rated sauces made from scratch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-buns-table_140725-8141.jpg?_wi=2",
|
||||
},
|
||||
title: "Signature Sauces", description: "5 custom heat-rated sauces made from scratch.", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-buns-table_140725-8141.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Quick Service",
|
||||
description: "Your meal, ready in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg?_wi=2",
|
||||
},
|
||||
title: "Quick Service", description: "Your meal, ready in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg"},
|
||||
]}
|
||||
title="How We Do It"
|
||||
description="Hand-crafted quality from start to finish."
|
||||
@@ -215,47 +147,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="See what our customers have to say about our food."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed K.",
|
||||
handle: "@ahmedk",
|
||||
testimonial: "The best wraps in DHA! Super crispy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best wraps in DHA! Super crispy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Loved the Mighty Zing. Very filling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986289.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah M.", handle: "@sarahm", testimonial: "Loved the Mighty Zing. Very filling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986289.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bilal J.",
|
||||
handle: "@bilalj",
|
||||
testimonial: "Sauces are amazing, especially the spicy one.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
id: "3", name: "Bilal J.", handle: "@bilalj", testimonial: "Sauces are amazing, especially the spicy one.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatima S.",
|
||||
handle: "@fatimas",
|
||||
testimonial: "Quick delivery and hot food!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
id: "4", name: "Fatima S.", handle: "@fatimas", testimonial: "Quick delivery and hot food!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar F.",
|
||||
handle: "@omarf",
|
||||
testimonial: "A must try in DHA Phase 6.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg",
|
||||
},
|
||||
id: "5", name: "Omar F.", handle: "@omarf", testimonial: "A must try in DHA Phase 6.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
@@ -273,12 +181,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Limited Time"
|
||||
title="RS.450 Meal Deal"
|
||||
description="Don't miss out on our special meal deal. Sign up for updates."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-fried-chicken-burger_23-2148699050.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,33 +195,21 @@ export default function LandingPage() {
|
||||
logoText="Zingo"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Buns",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Buns", href: "#menu"},
|
||||
{
|
||||
label: "Wraps",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Wraps", href: "#menu"},
|
||||
{
|
||||
label: "Sauces",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Sauces", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user