Merge version_2 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "breakfast",
|
||||
},
|
||||
name: "Menu", id: "breakfast"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Islamabad Buffia"
|
||||
/>
|
||||
@@ -53,64 +45,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Taste, Enjoy, Repeat."
|
||||
description="Enjoy traditional Pakistani flavors throughout the day—from hearty Breakfast to rich Dinner."
|
||||
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/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/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/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/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/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Happy diner 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Pakistani Spices",
|
||||
type: "text", text: "Authentic Pakistani Spices"},
|
||||
{
|
||||
type: "text-icon", text: "Daily Buffet", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Buffet",
|
||||
icon: Utensils,
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "text-icon", text: "Family Friendly", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Friendly",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Recipes",
|
||||
},
|
||||
type: "text", text: "Traditional Recipes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,23 +87,17 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Authentic Flavors"
|
||||
title="Tradition in Every Bite"
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Daily Dishes",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Daily Dishes", value: "20+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Hours",
|
||||
value: "12",
|
||||
},
|
||||
label: "Hours", value: "12"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "Abha",
|
||||
},
|
||||
label: "Locations", value: "Abha"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,41 +111,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Breakfast Selection"
|
||||
description="Start your day with the finest traditional Pakistani morning staples."
|
||||
@@ -197,41 +136,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Lunch & Dinner Selection"
|
||||
description="Rich, aromatic, and deeply flavorful traditional heart meals."
|
||||
@@ -246,41 +161,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Traditional Sweets"
|
||||
description="End your meal on a sweet, memorable note."
|
||||
@@ -294,59 +185,28 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Traditional Recipes",
|
||||
},
|
||||
value: "100%", label: "Traditional Recipes"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Diners",
|
||||
},
|
||||
value: "10k+", label: "Happy Diners"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "5/5", label: "Customer Rating"},
|
||||
]}
|
||||
title="What Our Diners Say"
|
||||
description="Authentic flavors that keep our customers coming back."
|
||||
@@ -357,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Visit us in Abha at Hy Al mozifeen. Call us at 0557187046 for reservations or inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0557187046",
|
||||
},
|
||||
text: "Call Now", href: "tel:0557187046"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,29 +232,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Breakfast",
|
||||
href: "#breakfast",
|
||||
},
|
||||
label: "Breakfast", href: "#breakfast"},
|
||||
{
|
||||
label: "Lunch & Dinner",
|
||||
href: "#dinner",
|
||||
},
|
||||
label: "Lunch & Dinner", href: "#dinner"},
|
||||
{
|
||||
label: "Desserts",
|
||||
href: "#sweets",
|
||||
},
|
||||
label: "Desserts", href: "#sweets"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: 0557187046",
|
||||
href: "tel:0557187046",
|
||||
},
|
||||
label: "Call Us: 0557187046", href: "tel:0557187046"},
|
||||
{
|
||||
label: "Abha, Hy Al mozifeen",
|
||||
href: "#",
|
||||
},
|
||||
label: "Abha, Hy Al mozifeen", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -407,4 +254,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user