Update src/app/page.tsx
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -31,79 +31,33 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "menu" },
|
||||||
id: "home",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Contact", id: "contact" }
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Desi Delights"
|
brandName="Desi Delights"
|
||||||
button={{
|
button={{
|
||||||
text: "Order WhatsApp",
|
text: "Order WhatsApp", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{ variant: "rotated-rays-static" }}
|
||||||
variant: "rotated-rays-static",
|
|
||||||
}}
|
|
||||||
title="Fresh North Indian Flavors Served Daily"
|
title="Fresh North Indian Flavors Served Daily"
|
||||||
description="Experience authentic, hygienic, and affordable North Indian comfort food prepared with traditional recipes and the freshest ingredients."
|
description="Experience authentic, hygienic, and affordable North Indian comfort food prepared with traditional recipes and the freshest ingredients."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Call Now", href: "tel:+919999999999" },
|
||||||
text: "Call Now",
|
{ text: "Order WhatsApp", href: "https://wa.me/919999999999" }
|
||||||
href: "tel:+919999999999",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Order WhatsApp",
|
|
||||||
href: "https://wa.me/919999999999",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-different-seasonings-dark-space_140725-79679.jpg", imageAlt: "Platter of North Indian food" },
|
||||||
id: "h1",
|
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-egg-meal-seasonings-dark-space_140725-79690.jpg", imageAlt: "Traditional samosa snack" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-different-seasonings-dark-space_140725-79679.jpg",
|
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/food-ads-mangal-salad-high-kitchen-with-fresh-herbs-greenery_114579-1844.jpg", imageAlt: "Freshly cooked lunch" },
|
||||||
imageAlt: "Platter of North Indian food",
|
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7967.jpg", imageAlt: "Naan and curry dish" },
|
||||||
},
|
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520007.jpg", imageAlt: "Hygienic kitchen preparation" },
|
||||||
{
|
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-homemade-desserts_140725-114206.jpg", imageAlt: "Saffron dessert jalebi dessert jalebi" }
|
||||||
id: "h2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-egg-meal-seasonings-dark-space_140725-79690.jpg",
|
|
||||||
imageAlt: "Traditional samosa snack",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/food-ads-mangal-salad-high-kitchen-with-fresh-herbs-greenery_114579-1844.jpg",
|
|
||||||
imageAlt: "Freshly cooked lunch",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7967.jpg",
|
|
||||||
imageAlt: "Naan and curry dish",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520007.jpg",
|
|
||||||
imageAlt: "Hygienic kitchen preparation",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "h6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-homemade-desserts_140725-114206.jpg",
|
|
||||||
imageAlt: "Saffron dessert jalebi",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,21 +67,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Our Commitment to Quality"
|
title="Our Commitment to Quality"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Leaf, label: "Fresh Ingredients", value: "Daily" },
|
||||||
icon: Leaf,
|
{ icon: ShieldCheck, label: "Hygienic Prep", value: "100%" },
|
||||||
label: "Fresh Ingredients",
|
{ icon: Clock, label: "Fast Delivery", value: "30min" }
|
||||||
value: "Daily",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: ShieldCheck,
|
|
||||||
label: "Hygienic Prep",
|
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Clock,
|
|
||||||
label: "Fast Delivery",
|
|
||||||
value: "30min",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -140,42 +82,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Samosa", price: "₹20", imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Kheer", price: "₹90", imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg" },
|
||||||
name: "Samosa",
|
{ id: "3", name: "Malai Chaap", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-chicken-with-onion-herbs-lavash-board-sauce-colorful-spices_140725-72576.jpg" },
|
||||||
price: "₹20",
|
{ id: "4", name: "Pizza", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-sac-ichi-with-pizza-green-salad_114579-3439.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-with-sambal-assortment_23-2149076087.jpg",
|
{ id: "5", name: "Burger", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-tasty-french-fries-tomatoes_23-2148374908.jpg" },
|
||||||
},
|
{ id: "6", name: "Rasmalai", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/flaky-cakes-small-buns-board-marble-surface_114579-25632.jpg" }
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Kheer",
|
|
||||||
price: "₹90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Malai Chaap",
|
|
||||||
price: "₹250",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-chicken-with-onion-herbs-lavash-board-sauce-colorful-spices_140725-72576.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Pizza",
|
|
||||||
price: "₹250",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-sac-ichi-with-pizza-green-salad_114579-3439.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Burger",
|
|
||||||
price: "₹80",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-tasty-french-fries-tomatoes_23-2148374908.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Rasmalai",
|
|
||||||
price: "₹80",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flaky-cakes-small-buns-board-marble-surface_114579-25632.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Menu"
|
title="Our Signature Menu"
|
||||||
description="Authentic North Indian favorites crafted to perfection."
|
description="Authentic North Indian favorites crafted to perfection."
|
||||||
@@ -184,44 +96,15 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Ananya S.", handle: "@foodie_ani", testimonial: "The best Malai Chaap in town. So fresh and hygienic!", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Rahul K.", handle: "@rahul_eats", testimonial: "Super fast service and authentic flavors. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||||
name: "Ananya S.",
|
{ id: "3", name: "Priya D.", handle: "@priya_d", testimonial: "The Samosas are perfectly crispy. Always consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-enjoying-conversation-appetizer-dining-table-home_637285-5882.jpg" },
|
||||||
handle: "@foodie_ani",
|
{ id: "4", name: "Vikram J.", handle: "@vikram_j", testimonial: "Great value for money. The Rasmalai is absolutely divine.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg" },
|
||||||
testimonial: "The best Malai Chaap in town. So fresh and hygienic!",
|
{ id: "5", name: "Sneha R.", handle: "@sneha_r", testimonial: "Clean, tasty, and affordable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Rahul K.",
|
|
||||||
handle: "@rahul_eats",
|
|
||||||
testimonial: "Super fast service and authentic flavors. My go-to spot.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Priya D.",
|
|
||||||
handle: "@priya_d",
|
|
||||||
testimonial: "The Samosas are perfectly crispy. Always consistent quality.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-enjoying-conversation-appetizer-dining-table-home_637285-5882.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Vikram J.",
|
|
||||||
handle: "@vikram_j",
|
|
||||||
testimonial: "Great value for money. The Rasmalai is absolutely divine.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Sneha R.",
|
|
||||||
handle: "@sneha_r",
|
|
||||||
testimonial: "Clean, tasty, and affordable. Highly recommend!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-meal-dining-room_637285-3330.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Loved by Locals"
|
title="Loved by Locals"
|
||||||
description="See why our customers keep coming back for more."
|
description="See why our customers keep coming back for more."
|
||||||
@@ -234,36 +117,12 @@ export default function LandingPage() {
|
|||||||
title="Freshly Prepared Daily"
|
title="Freshly Prepared Daily"
|
||||||
tag="Our Gallery"
|
tag="Our Gallery"
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "g1", name: "Modern Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg" },
|
||||||
id: "g1",
|
{ id: "g2", name: "Clean Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-17293.jpg" },
|
||||||
name: "Modern Ambiance",
|
{ id: "g3", name: "Plated Perfection", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751982.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg",
|
{ id: "g4", name: "Fresh Beverages", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-dark-bowl-sliced-tomato_23-2148537229.jpg" },
|
||||||
},
|
{ id: "g5", name: "Warm Service", imageSrc: "http://img.b2bpic.net/free-photo/skilled-waiter-waving-greeting-clients-five-star-restaurant_482257-94934.jpg" },
|
||||||
{
|
{ id: "g6", name: "Casual Dining", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-chair-with-coffee-cafe_23-2148071565.jpg" }
|
||||||
id: "g2",
|
|
||||||
name: "Clean Kitchen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-17293.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "g3",
|
|
||||||
name: "Plated Perfection",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751982.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "g4",
|
|
||||||
name: "Fresh Beverages",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-dark-bowl-sliced-tomato_23-2148537229.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "g5",
|
|
||||||
name: "Warm Service",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-waiter-waving-greeting-clients-five-star-restaurant_482257-94934.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "g6",
|
|
||||||
name: "Casual Dining",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-chair-with-coffee-cafe_23-2148071565.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
memberVariant="card"
|
memberVariant="card"
|
||||||
membersAnimation="slide-up"
|
membersAnimation="slide-up"
|
||||||
@@ -274,21 +133,9 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Do you provide home delivery?", content: "Yes, we offer fast delivery within a 5km radius." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Are your ingredients fresh?", content: "We use locally sourced fresh ingredients every single day." },
|
||||||
title: "Do you provide home delivery?",
|
{ id: "q3", title: "Do you accept custom orders?", content: "Yes, please contact us on WhatsApp for bulk/custom orders." }
|
||||||
content: "Yes, we offer fast delivery within a 5km radius.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Are your ingredients fresh?",
|
|
||||||
content: "We use locally sourced fresh ingredients every single day.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Do you accept custom orders?",
|
|
||||||
content: "Yes, please contact us on WhatsApp for bulk/custom orders.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked Questions"
|
sideTitle="Frequently Asked Questions"
|
||||||
sideDescription="Everything you need to know about our food."
|
sideDescription="Everything you need to know about our food."
|
||||||
@@ -302,25 +149,10 @@ export default function LandingPage() {
|
|||||||
title="Place Your Order"
|
title="Place Your Order"
|
||||||
description="Fill the form or contact us directly to place your order."
|
description="Fill the form or contact us directly to place your order."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name",
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "phone",
|
|
||||||
type: "tel",
|
|
||||||
placeholder: "Phone Number",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "order", placeholder: "What would you like to order?", rows: 4, required: true }}
|
||||||
name: "order",
|
|
||||||
placeholder: "What would you like to order?",
|
|
||||||
rows: 4,
|
|
||||||
required: true,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/bottom-view-fresh-vegetables-sea-salt-small-bowl-oil-bottle-table_140725-148135.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/bottom-view-fresh-vegetables-sea-salt-small-bowl-oil-bottle-table_140725-148135.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -328,30 +160,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "123 Food Street, Delhi", href: "#" }, { label: "+91 99999 99999", href: "tel:+919999999999" }] },
|
||||||
items: [
|
{ items: [{ label: "Open: 11AM - 11PM", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||||
{
|
|
||||||
label: "123 Food Street, Delhi",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "+91 99999 99999",
|
|
||||||
href: "tel:+919999999999",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Open: 11AM - 11PM",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Desi Delights"
|
logoText="Desi Delights"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user