Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Khan Saab"
|
||||
/>
|
||||
@@ -58,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Khan Saab"
|
||||
description="Authentic Pakistani flavors and highway convenience. Award-rated karahi, kababs, and Afghani dishes served in a warm, welcoming atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-beef-stew-govurma-tomato-sauce-with-herbs-tandir-bread_114579-2863.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -83,21 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Rating",
|
||||
value: "4.2*",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests",
|
||||
value: "6000+",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Dishes Served",
|
||||
value: "100K+",
|
||||
},
|
||||
{ icon: Award, label: "Rating", value: "4.2*" },
|
||||
{ icon: Users, label: "Happy Guests", value: "6000+" },
|
||||
{ icon: Utensils, label: "Dishes Served", value: "100K+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -110,42 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Special Karahi",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breaded-meat-served-with-sauce-lemon-greens_140725-8357.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Afghani Pulao",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-rice-with-dough-slices-dark-surface-food-dish-dark-photo-meal_140725-82246.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Kababs",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-long-meat-cutlets-with-lemon-pomegranates_140725-57004.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresh Garlic Naan",
|
||||
price: "$2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-gutab-stuffed-flatbread-with-herbs-served-with-yogurt_140725-7096.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gulab Jamun",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chilled Lassi",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banana-milk-shake-wooden-background_501050-979.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Special Karahi", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/breaded-meat-served-with-sauce-lemon-greens_140725-8357.jpg" },
|
||||
{ id: "p2", name: "Afghani Pulao", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-rice-with-dough-slices-dark-surface-food-dish-dark-photo-meal_140725-82246.jpg" },
|
||||
{ id: "p3", name: "Grilled Kababs", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-long-meat-cutlets-with-lemon-pomegranates_140725-57004.jpg" },
|
||||
{ id: "p4", name: "Fresh Garlic Naan", price: "$2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-gutab-stuffed-flatbread-with-herbs-served-with-yogurt_140725-7096.jpg" },
|
||||
{ id: "p5", name: "Gulab Jamun", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg" },
|
||||
{ id: "p6", name: "Chilled Lassi", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/banana-milk-shake-wooden-background_501050-979.jpg" },
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Experience the traditional taste of Karachi, carefully prepared to offer you an unforgettable dining experience."
|
||||
@@ -154,24 +89,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Quick Service",
|
||||
description: "Perfect for highway travelers on the go.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Authentic Recipes",
|
||||
description: "Tradition passed down through generations.",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prime Location",
|
||||
description: "Easy access for Karachi travelers.",
|
||||
},
|
||||
{ icon: Clock, title: "Quick Service", description: "Perfect for highway travelers on the go." },
|
||||
{ icon: Award, title: "Authentic Recipes", description: "Tradition passed down through generations." },
|
||||
{ icon: MapPin, title: "Prime Location", description: "Easy access for Karachi travelers." },
|
||||
]}
|
||||
title="Why Khan Saab?"
|
||||
description="Designed for travelers and locals, we ensure quick service and authentic quality in every bite."
|
||||
@@ -184,60 +108,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Traveler",
|
||||
company: "Karachi Express",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bilal Khan",
|
||||
role: "Local",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491823.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
role: "Foodie",
|
||||
company: "Review Blog",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Hassan",
|
||||
role: "Commuter",
|
||||
company: "Daily Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mariam Shah",
|
||||
role: "Local",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Traveler", company: "Karachi Express", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg" },
|
||||
{ id: "2", name: "Bilal Khan", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491823.jpg" },
|
||||
{ id: "3", name: "Fatima Zahra", role: "Foodie", company: "Review Blog", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg" },
|
||||
{ id: "4", name: "Ali Hassan", role: "Commuter", company: "Daily Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg" },
|
||||
{ id: "5", name: "Mariam Shah", role: "Local", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "6300+",
|
||||
label: "Customer Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authenticity",
|
||||
},
|
||||
{ value: "4.2", label: "Google Rating" },
|
||||
{ value: "6300+", label: "Customer Reviews" },
|
||||
{ value: "100%", label: "Authenticity" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="See why locals and highway travelers love our authentic kitchen."
|
||||
@@ -249,21 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer fast delivery within Karachi via partner platforms.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "We operate 7 days a week, catering to late-night travelers.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you accept large bookings?",
|
||||
content: "Absolutely! Contact our team to book tables for large groups or events.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, we offer fast delivery within Karachi via partner platforms." },
|
||||
{ id: "2", title: "Are you open on weekends?", content: "We operate 7 days a week, catering to late-night travelers." },
|
||||
{ id: "3", title: "Do you accept large bookings?", content: "Absolutely! Contact our team to book tables for large groups or events." },
|
||||
]}
|
||||
title="Questions & Answers"
|
||||
description="Have questions about our menu or catering services? We're here to help."
|
||||
@@ -274,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Visit or Reach Out"
|
||||
description="We'd love to hear from you. Reserve your table or contact us for catering inquiries."
|
||||
@@ -288,14 +154,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Khan Saab Restaurant"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user