Merge version_3 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "breakfast"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "breakfast" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Islamabad Buffia"
|
||||
/>
|
||||
@@ -44,42 +40,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Taste, Enjoy, Repeat."
|
||||
description="Enjoy traditional Pakistani flavors throughout the day—from hearty Breakfast to rich Dinner."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Islamabad Buffia: Tradition in Every Bite"
|
||||
description="Experience the heart of Pakistani cuisine in Abha. From our iconic morning staples to legendary dinner feasts, we bring home-cooked authenticity to your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#breakfast"},
|
||||
{ text: "View Menu", href: "#breakfast" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-people-celebrating-eid-al-fitr_23-2151205073.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-thumbs-up_23-2148270237.jpg", alt: "Happy diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg", alt: "Happy diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg", alt: "Happy diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-holding-toast-while-enjoying-lunch-with-her-friends-home_637285-5886.jpg", alt: "Happy diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Happy diner 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-with-thumbs-up_23-2148270237.jpg", alt: "Happy diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg", alt: "Happy diner 2" },
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied diners"
|
||||
avatarText="Trusted by thousands of families in Abha"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Authentic Pakistani Spices"},
|
||||
{
|
||||
type: "text-icon", text: "Daily Buffet", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "text-icon", text: "Family Friendly", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Traditional Recipes"},
|
||||
{ type: "text", text: "100% Authentic Spices" },
|
||||
{ type: "text-icon", text: "Daily Fresh Buffet", icon: Utensils },
|
||||
{ type: "text", text: "Family Owned Tradition" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,15 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Tradition in Every Bite"
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Daily Dishes", value: "20+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Hours", value: "12"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations", value: "Abha"},
|
||||
{ icon: Utensils, label: "Daily Dishes", value: "30+" },
|
||||
{ icon: Clock, label: "Authentic Since", value: "1995" },
|
||||
{ icon: MapPin, label: "Abha Landmark", value: "Hy Al Mozifeen" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,21 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "b1", name: "Channay", price: "Served Daily", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-board-with-fried-eggs-sausage-pancakes_114579-71890.jpg"},
|
||||
{
|
||||
id: "b2", name: "Payee", price: "Served Daily", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-egg-bread-fresh-off-oven-with-milk-wooden-floor-dough-bake-bread-bun-egg_140725-74805.jpg"},
|
||||
{
|
||||
id: "b3", name: "Nihari", price: "Served Daily", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133967.jpg"},
|
||||
{
|
||||
id: "b4", name: "Anda Parata", price: "Freshly Made", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg"},
|
||||
{
|
||||
id: "b5", name: "Halwa", price: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893449.jpg"},
|
||||
{
|
||||
id: "b6", name: "Chaye Haleeb", price: "Milk Tea", imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg"},
|
||||
{ id: "b1", name: "Desi Halwa Puri", price: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-board-with-fried-eggs-sausage-pancakes_114579-71890.jpg" },
|
||||
{ id: "b2", name: "Special Nihari", price: "Slow Cooked", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133967.jpg" },
|
||||
{ id: "b3", name: "Anda Paratha", price: "Hot & Crispy", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg" },
|
||||
]}
|
||||
title="Breakfast Selection"
|
||||
description="Start your day with the finest traditional Pakistani morning staples."
|
||||
description="Authentic Pakistani morning flavors, crafted with care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,21 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "l1", name: "Chicken Karahi", price: "Rich & Spicy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-potatoes-greens-dark-desk_140725-76932.jpg"},
|
||||
{
|
||||
id: "l2", name: "Mutton Qorma", price: "Chef Specialty", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-bell-peppers-with-ground-meat-different-seasonings-grey-surface-meal-dolma-food-vegetables-beef-meat_140725-74278.jpg"},
|
||||
{
|
||||
id: "l3", name: "Chicken Biryani", price: "Aromatic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-dish-composition_23-2148821522.jpg"},
|
||||
{
|
||||
id: "l4", name: "Beef Palao", price: "Hearty Meal", imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg"},
|
||||
{
|
||||
id: "l5", name: "Haleem", price: "Slow Cooked", imageSrc: "http://img.b2bpic.net/free-photo/dry-spices-near-rice-dish_23-2147894748.jpg"},
|
||||
{
|
||||
id: "l6", name: "Daal Maash", price: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-vegetables-seasonings-grey-background-salad-soup-meal-food-dinner_140725-80723.jpg"},
|
||||
{ id: "l1", name: "Chicken Karahi", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-soup-with-potatoes-greens-dark-desk_140725-76932.jpg" },
|
||||
{ id: "l2", name: "Royal Mutton Qorma", price: "Chef Specialty", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-bell-peppers-with-ground-meat-different-seasonings-grey-surface-meal-dolma-food-vegetables-beef-meat_140725-74278.jpg" },
|
||||
{ id: "l3", name: "Dum Biryani", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-dish-composition_23-2148821522.jpg" },
|
||||
]}
|
||||
title="Lunch & Dinner Selection"
|
||||
description="Rich, aromatic, and deeply flavorful traditional heart meals."
|
||||
title="Main Course Feasts"
|
||||
description="Hearty dinners prepared with our secret family spice blends."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,21 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Gulaab Jamun", price: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-pie-cake_140725-53258.jpg"},
|
||||
{
|
||||
id: "s2", name: "Julabi", price: "Fresh Fried", imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg"},
|
||||
{
|
||||
id: "s3", name: "Barfi", price: "Milk Sweet", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg"},
|
||||
{
|
||||
id: "s4", name: "Ras Gulla", price: "Soft & Sweet", imageSrc: "http://img.b2bpic.net/free-photo/glass-plates-full-delicious-gingerbread-red-sweet-candies-white-surface_114579-67197.jpg"},
|
||||
{
|
||||
id: "s5", name: "Halwa", price: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/blue-wooden-board-three-sweet-fresh-cupcakes_114579-32051.jpg"},
|
||||
{
|
||||
id: "s6", name: "Milk Barfi", price: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-cakes-with-candies-cookies-inside-plate-white-surface-sweet-bake-cake-biscuit-tea-pie-cookie_140725-64970.jpg"},
|
||||
{ id: "s1", name: "Gulaab Jamun", price: "Warm", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-green-cream-dark-wall-cookies-biscuit-sweet-sugar-pie-cake_140725-53258.jpg" },
|
||||
{ id: "s2", name: "Fresh Jalebi", price: "Crispy", imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg" },
|
||||
{ id: "s3", name: "Classic Barfi", price: "Rich", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg" },
|
||||
]}
|
||||
title="Traditional Sweets"
|
||||
description="End your meal on a sweet, memorable note."
|
||||
description="The perfect end to your meal with our authentic desi desserts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,44 +128,26 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ahmed Ali", role: "Foodie", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg"},
|
||||
{
|
||||
id: "2", name: "Sara Khan", role: "Frequent Diner", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg"},
|
||||
{
|
||||
id: "3", name: "Omar Farooq", role: "Regular", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-green_140725-30375.jpg"},
|
||||
{
|
||||
id: "4", name: "Fatima Zahra", role: "Family Head", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-seaweed-snacks_23-2150872525.jpg"},
|
||||
{
|
||||
id: "5", name: "Khalid Mehmood", role: "Visitor", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg"},
|
||||
{ id: "1", name: "Ahmed Ali", role: "Regular Patron", company: "Abha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
||||
{ id: "2", name: "Sara Khan", role: "Food Critic", company: "Abha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%", label: "Traditional Recipes"},
|
||||
{
|
||||
value: "10k+", label: "Happy Diners"},
|
||||
{
|
||||
value: "5/5", label: "Customer Rating"},
|
||||
{ value: "100%", label: "Authentic Spices" },
|
||||
{ value: "25K+", label: "Meals Served" },
|
||||
{ value: "5/5", label: "Customer Love" },
|
||||
]}
|
||||
title="What Our Diners Say"
|
||||
description="Authentic flavors that keep our customers coming back."
|
||||
title="Loved by Our Community"
|
||||
description="Discover why Islamabad Buffia is a household name for traditional dining in Abha."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Visit us in Abha at Hy Al mozifeen. Call us at 0557187046 for reservations or inquiries."
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Visit Islamabad Buffia in Hy Al Mozifeen, Abha. Experience the authentic taste of tradition. For group bookings and reservations, call us at 0557187046."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:0557187046"},
|
||||
{ text: "Call to Reserve", href: "tel:0557187046" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,24 +155,15 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Breakfast", href: "#breakfast"},
|
||||
{
|
||||
label: "Lunch & Dinner", href: "#dinner"},
|
||||
{
|
||||
label: "Desserts", href: "#sweets"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: 0557187046", href: "tel:0557187046"},
|
||||
{
|
||||
label: "Abha, Hy Al mozifeen", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [
|
||||
{ label: "Breakfast Menu", href: "#breakfast" },
|
||||
{ label: "Dinner Menu", href: "#dinner" },
|
||||
{ label: "Traditional Sweets", href: "#sweets" }
|
||||
]},
|
||||
{ items: [
|
||||
{ label: "Hy Al Mozifeen, Abha" },
|
||||
{ label: "Phone: 0557187046", href: "tel:0557187046" }
|
||||
]}
|
||||
]}
|
||||
logoText="Islamabad Buffia"
|
||||
/>
|
||||
@@ -254,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #0a7039;
|
||||
--background-accent: #f09199;
|
||||
--accent: #e63946;
|
||||
--background-accent: #a8d9be;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user