Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Thalis",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "How To Order",
|
||||
id: "#how-to-order",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Thalis", id: "#menu" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "How To Order", id: "#how-to-order" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Kapoor's Cafe"
|
||||
/>
|
||||
@@ -57,42 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Oye Ji, Khana Khao!"
|
||||
description="Authentic Punjabi Flavours · Pure Veg · Freshly Made"
|
||||
buttons={[
|
||||
{
|
||||
text: "Scan & Order",
|
||||
href: "#qr-scanner",
|
||||
},
|
||||
{
|
||||
text: "View Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Scan & Order", href: "#qr-scanner" },
|
||||
{ text: "View Full Menu", href: "#menu" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sidsu4",
|
||||
imageAlt: "Authentic Punjabi Thali",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64doyk",
|
||||
imageAlt: "Freshly cooked food",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9kwnyq",
|
||||
imageAlt: "Dhaba Style Cafe",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1hp45&_wi=1",
|
||||
imageAlt: "Traditional North Indian spread",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pogbvv&_wi=1",
|
||||
imageAlt: "Warm and inviting dining area",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sidsu4", imageAlt: "Authentic Punjabi Thali" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64doyk", imageAlt: "Freshly cooked food" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9kwnyq", imageAlt: "Dhaba Style Cafe" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1hp45", imageAlt: "Traditional North Indian spread" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pogbvv", imageAlt: "Warm and inviting dining area" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,24 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scan the QR Code",
|
||||
description: "Scan the code on your table to access the menu.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vni2x",
|
||||
imageAlt: "QR code scan icon",
|
||||
},
|
||||
{
|
||||
title: "Build Your Order",
|
||||
description: "Browse the full menu and add items to your digital cart.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dul8n",
|
||||
imageAlt: "Menu book icon",
|
||||
},
|
||||
{
|
||||
title: "Pay at the End",
|
||||
description: "Review your cart and pay conveniently at checkout.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pfpf7",
|
||||
imageAlt: "Payment card icon",
|
||||
},
|
||||
{ title: "Scan the QR Code", description: "Scan the code on your table to access the menu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vni2x", imageAlt: "QR code scan icon" },
|
||||
{ title: "Build Your Order", description: "Browse the full menu and add items to your digital cart.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dul8n", imageAlt: "Menu book icon" },
|
||||
{ title: "Pay at the End", description: "Review your cart and pay conveniently at checkout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2pfpf7", imageAlt: "Payment card icon" }
|
||||
]}
|
||||
title="How To Order"
|
||||
description="Simple steps to enjoy your meal"
|
||||
@@ -134,42 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maharaja Thali",
|
||||
price: "₹800",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1hp45&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bedmi Puri",
|
||||
price: "₹240",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pogbvv&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dal Makhni",
|
||||
price: "₹400",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cznu2x",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Paneer Butter Masala",
|
||||
price: "₹350",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tl07hc",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gulab Jamun",
|
||||
price: "₹90",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ub04yq",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mix Raita",
|
||||
price: "₹180",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8mn9q",
|
||||
},
|
||||
{ id: "1", name: "Maharaja Thali", price: "₹800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1hp45" },
|
||||
{ id: "2", name: "Bedmi Puri", price: "₹240", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pogbvv" },
|
||||
{ id: "3", name: "Dal Makhni", price: "₹400", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cznu2x" },
|
||||
{ id: "4", name: "Paneer Butter Masala", price: "₹350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tl07hc" },
|
||||
{ id: "5", name: "Gulab Jamun", price: "₹90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ub04yq" },
|
||||
{ id: "6", name: "Mix Raita", price: "₹180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8mn9q" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Premium North Indian selection"
|
||||
@@ -182,52 +99,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Girish Hegde",
|
||||
handle: "@girish",
|
||||
testimonial: "Great food, pure veg, good for families.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wzjpx",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Medha Arcot",
|
||||
handle: "@medha",
|
||||
testimonial: "Chole Bhature and Aloo Paratha were amazing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2l0shc",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shilpa Deepa",
|
||||
handle: "@shilpa",
|
||||
testimonial: "Excellent food and amazing vibe. Worth visiting!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vwan1o",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Authentic flavors. Loved the Dal Makhni.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzt8cc",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Best North Indian food in Nagasandra.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hapt1o",
|
||||
},
|
||||
{ id: "1", name: "Girish Hegde", handle: "@girish", testimonial: "Great food, pure veg, good for families.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wzjpx" },
|
||||
{ id: "2", name: "Medha Arcot", handle: "@medha", testimonial: "Chole Bhature and Aloo Paratha were amazing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2l0shc" },
|
||||
{ id: "3", name: "Shilpa Deepa", handle: "@shilpa", testimonial: "Excellent food and amazing vibe. Worth visiting!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vwan1o" },
|
||||
{ id: "4", name: "John Doe", handle: "@johndoe", testimonial: "Authentic flavors. Loved the Dal Makhni.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzt8cc" },
|
||||
{ id: "5", name: "Jane Smith", handle: "@janesmith", testimonial: "Best North Indian food in Nagasandra.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hapt1o" }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our satisfied diners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="qr-scanner" data-section="qr-scanner">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Scan to order"
|
||||
title="Start your order instantly"
|
||||
description="No app needed. Scan and enjoy pure veg authentic flavors."
|
||||
@@ -242,21 +128,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Kapoor's Cafe Information"
|
||||
metrics={[
|
||||
{
|
||||
label: "Location",
|
||||
value: "Nagasandra, Bengaluru",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
value: "063662 65408",
|
||||
icon: Phone,
|
||||
},
|
||||
{
|
||||
label: "Hours",
|
||||
value: "11 AM Daily",
|
||||
icon: Clock,
|
||||
},
|
||||
{ label: "Location", value: "Nagasandra, Bengaluru", icon: MapPin },
|
||||
{ label: "Phone", value: "063662 65408", icon: Phone },
|
||||
{ label: "Hours", value: "11 AM Daily", icon: Clock }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -265,30 +139,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Kapoor's Cafe"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user