Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Deli Deli Co."
|
||||
/>
|
||||
@@ -54,39 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Pakistan's Finest Beef Burgers"
|
||||
description="Experience the authentic taste of Deli Deli Co. Handcrafted with premium beef and locally sourced fresh ingredients."
|
||||
tag="Since 2020"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vjcdm&_wi=1",
|
||||
imageAlt: "Juicy Deli Deli Beef Burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwl3s0",
|
||||
imageAlt: "Deli Deli Co Signature Burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-3",
|
||||
imageAlt: "Artisanal bun grilling",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-4",
|
||||
imageAlt: "Stacked premium patty",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-5",
|
||||
imageAlt: "Deli Deli restaurant interior",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vjcdm", imageAlt: "Juicy Deli Deli Beef Burger" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jwl3s0", imageAlt: "Deli Deli Co Signature Burger" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,29 +64,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Beef",
|
||||
description: "100% halal, grass-fed local beef sourced daily.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8tuha",
|
||||
imageAlt: "fresh quality ingredients burger",
|
||||
title: "Premium Beef", description: "100% halal, grass-fed local beef sourced daily.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Hot and fresh to your doorstep within 30 minutes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vjcdm&_wi=2",
|
||||
imageAlt: "fresh quality ingredients burger",
|
||||
title: "Fast Delivery", description: "Hot and fresh to your doorstep within 30 minutes.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Master Chefs",
|
||||
description: "Seasoned pros crafting flavorsome burgers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=65lvod",
|
||||
imageAlt: "fresh quality ingredients burger",
|
||||
},
|
||||
title: "Master Chefs", description: "Seasoned pros crafting flavorsome burgers.", bentoComponent: "reveal-icon", icon: Award
|
||||
}
|
||||
]}
|
||||
title="Why Deli Deli?"
|
||||
description="Quality in every bite, from the farm to your table."
|
||||
@@ -132,64 +80,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Classic Beef",
|
||||
price: "Rs. 750",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlp4qk",
|
||||
id: "p1", brand: "Signature", name: "Classic Beef", price: "Rs. 750", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlp4qk"
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Spicy Buffalo",
|
||||
price: "Rs. 850",
|
||||
rating: 5,
|
||||
reviewCount: "900",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2tu672",
|
||||
id: "p2", brand: "Signature", name: "Spicy Buffalo", price: "Rs. 850", rating: 5,
|
||||
reviewCount: "900", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2tu672"
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Gourmet",
|
||||
name: "Smoky BBQ",
|
||||
price: "Rs. 900",
|
||||
rating: 4,
|
||||
reviewCount: "750",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=odrzjp",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Gourmet",
|
||||
name: "Mushroom Swiss",
|
||||
price: "Rs. 950",
|
||||
rating: 5,
|
||||
reviewCount: "400",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o3byop",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Spicy",
|
||||
name: "Jalapeño Kick",
|
||||
price: "Rs. 890",
|
||||
rating: 5,
|
||||
reviewCount: "600",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a7bq3b",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Signature",
|
||||
name: "Mini Slider Combo",
|
||||
price: "Rs. 600",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjdgdb",
|
||||
},
|
||||
id: "p3", brand: "Gourmet", name: "Smoky BBQ", price: "Rs. 900", rating: 4,
|
||||
reviewCount: "750", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=odrzjp"
|
||||
}
|
||||
]}
|
||||
title="Our Signature Burgers"
|
||||
description="Choose your flavor, from classic beef to spicy jalapeño."
|
||||
@@ -201,8 +108,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="Crafted with Passion in Pakistan"
|
||||
description="Deli Deli Co was born out of a love for the perfect beef burger. We wanted to bring high-quality, authentic burger experiences to local communities, combining global culinary techniques with local ingredients."
|
||||
subdescription="Our journey has been defined by our commitment to freshness and the joy our burgers bring to people."
|
||||
description="Deli Deli Co was born out of a love for the perfect beef burger."
|
||||
subdescription="Our journey has been defined by our commitment to freshness."
|
||||
icon={Utensils}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kl9f3e"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -212,30 +119,12 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best beef burgers in town! The flavor profile is unlike anything else I've tried in Lahore."
|
||||
testimonial="The best beef burgers in town!"
|
||||
rating={5}
|
||||
author="Ali Khan"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6wmr3",
|
||||
alt: "Customer Ali",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e7km2t",
|
||||
alt: "Customer Sara",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ma1ph",
|
||||
alt: "Customer Omar",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cpul1p",
|
||||
alt: "Customer Hina",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=42mcyw",
|
||||
alt: "Customer Faisal",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6wmr3", alt: "Customer Ali" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e7km2t", alt: "Customer Sara" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -247,24 +136,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is your beef 100% Halal?",
|
||||
content: "Yes, all our beef is 100% certified Halal.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We offer delivery across major cities via our app and partners.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I customize my burger?",
|
||||
content: "Absolutely! Add your favorite toppings and sauces.",
|
||||
},
|
||||
{ id: "f1", title: "Is your beef 100% Halal?", content: "Yes." },
|
||||
{ id: "f2", title: "Do you offer delivery?", content: "Yes." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our burgers? We've got answers."
|
||||
description="Have questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -272,11 +148,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Join the Deli Deli Family"
|
||||
description="Subscribe for exclusive updates, secret menu alerts, and special offers directly to your inbox."
|
||||
description="Subscribe for updates."
|
||||
tag="Stay Updated"
|
||||
/>
|
||||
</div>
|
||||
@@ -286,40 +160,8 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zh5uvl"
|
||||
logoText="Deli Deli Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Locations",
|
||||
items: [
|
||||
{
|
||||
label: "Lahore",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Karachi",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Islamabad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Locations", items: [{ label: "Lahore", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user