Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -17,48 +17,36 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CAFE BAGALO"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="CAFE BAGALO"
|
||||
description="BBQ, Chinese, & Burgers. The heartbeat of Gulzar-e-hijri, serving up fresh flavors until 3 AM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cups-coffee-with-milk_23-2148337174.jpg"
|
||||
imageAlt="Grilled kebab platter restaurant"
|
||||
@@ -72,18 +60,9 @@ export default function LandingPage() {
|
||||
title="About CAFE BAGALO"
|
||||
description="Situated in the heart of Karachi, we bring you the ultimate late-night comfort food experience. From sizzling BBQ skewers to flavorful Chinese classics and juicy burgers, we serve excellence every day until 3 AM. Dine-in, Takeaway, or Delivery—we are here for you."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Dine-in",
|
||||
description: "Relax in our warm, inviting ambiance.",
|
||||
},
|
||||
{
|
||||
title: "Takeaway",
|
||||
description: "Quick pick-ups for those on the go.",
|
||||
},
|
||||
{
|
||||
title: "Delivery",
|
||||
description: "Deliciousness delivered right to your doorstep.",
|
||||
},
|
||||
{ title: "Dine-in", description: "Relax in our warm, inviting ambiance." },
|
||||
{ title: "Takeaway", description: "Quick pick-ups for those on the go." },
|
||||
{ title: "Delivery", description: "Deliciousness delivered right to your doorstep." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-dining-room-with-round-table-red-chairs_23-2152001402.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,24 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Beef Burger (Customer Favorite)",
|
||||
price: "PKR 750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheeseburger-grilled-beef-patty-with-cheese-lettuce-burger-buns_141793-4806.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chicken Chutney Roll",
|
||||
price: "PKR 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/matsusaka-wagyu-beef-sushi_1203-7815.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Special BBQ Platter",
|
||||
price: "PKR 1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-food-meat-fish-meals-along-with-different-sauces-brown-wooden-desk-food-meal-meat-cuisine_140725-28351.jpg",
|
||||
},
|
||||
{ id: "1", name: "Beef Burger (Customer Favorite)", price: "PKR 750", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheeseburger-grilled-beef-patty-with-cheese-lettuce-burger-buns_141793-4806.jpg" },
|
||||
{ id: "2", name: "Chicken Chutney Roll", price: "PKR 250", imageSrc: "http://img.b2bpic.net/free-photo/matsusaka-wagyu-beef-sushi_1203-7815.jpg" },
|
||||
{ id: "3", name: "Special BBQ Platter", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-food-meat-fish-meals-along-with-different-sauces-brown-wooden-desk-food-meal-meat-cuisine_140725-28351.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Popular items cooked to perfection."
|
||||
@@ -127,24 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Late Night Dining",
|
||||
description: "Open until 3 AM every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-cafe-open-sign-brick-wall_1048-7618.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Authentic BBQ",
|
||||
description: "Traditional recipes, charcoal grilled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barbecue-fire-with-coals_23-2148301316.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Fast Delivery",
|
||||
description: "Getting your food hot, fast, and fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371960.jpg",
|
||||
},
|
||||
{ id: 1, title: "Late Night Dining", description: "Open until 3 AM every day.", imageSrc: "http://img.b2bpic.net/free-vector/neon-cafe-open-sign-brick-wall_1048-7618.jpg" },
|
||||
{ id: 2, title: "Authentic BBQ", description: "Traditional recipes, charcoal grilled.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barbecue-fire-with-coals_23-2148301316.jpg" },
|
||||
{ id: 3, title: "Fast Delivery", description: "Getting your food hot, fast, and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371960.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Your late-night destination."
|
||||
@@ -157,60 +106,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ali Khan",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Ahmed",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
role: "Visitor",
|
||||
company: "External",
|
||||
rating: 2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Zainab R.",
|
||||
role: "Diner",
|
||||
company: "Local",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bilal Ahmed",
|
||||
role: "Diner",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Ali Khan", role: "Foodie", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
|
||||
{ id: "2", name: "Sara Ahmed", role: "Regular", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg" },
|
||||
{ id: "3", name: "John Doe", role: "Visitor", company: "External", rating: 2, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg" },
|
||||
{ id: "4", name: "Zainab R.", role: "Diner", company: "Local", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg" },
|
||||
{ id: "5", name: "Bilal Ahmed", role: "Diner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "52",
|
||||
label: "Total Reviews",
|
||||
},
|
||||
{
|
||||
value: "3.8",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "3AM",
|
||||
label: "Open Daily",
|
||||
},
|
||||
{ value: "52", label: "Total Reviews" },
|
||||
{ value: "3.8", label: "Avg Rating" },
|
||||
{ value: "3AM", label: "Open Daily" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Average rating: 3.8/5 from 52 reviews."
|
||||
@@ -220,9 +125,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Find Us"
|
||||
description="Teachers Society Sector 19 A, Gulshan-e-Iqbal, Karachi. Phone: +92 320 2191633. Open until 3 AM."
|
||||
@@ -235,28 +138,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="CAFE BAGALO"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user