6 Commits

Author SHA1 Message Date
1e3b0b579c Merge version_2 into main
Merge version_2 into main
2026-05-02 07:45:57 +00:00
f42b6cf8fd Update theme fonts 2026-05-02 07:45:54 +00:00
936c876721 Update theme fonts 2026-05-02 07:45:54 +00:00
178bbf9184 Merge version_2 into main
Merge version_2 into main
2026-05-02 07:30:39 +00:00
70a309c962 Update src/app/page.tsx 2026-05-02 07:30:36 +00:00
df7eb4fd21 Merge version_1 into main
Merge version_1 into main
2026-05-02 07:01:56 +00:00
3 changed files with 50 additions and 97 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Manrope } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -20,8 +21,14 @@ export const metadata: Metadata = {
},
};
const manrope = Manrope({
variable: "--font-manrope",
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
@@ -33,7 +40,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${manrope.variable} antialiased`}>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -32,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Menu", id: "menu"},
{
name: "About", id: "about"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Kanteen"
/>
@@ -47,15 +43,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
logoText="Kanteen"
description="Experience the authentic flavors of Karachi at Kanteen, where tradition meets modern culinary flair in every bite."
buttons={[
{
text: "View Menu", href: "#menu"},
{
text: "Reserve Now", href: "#contact"},
{ text: "View Menu", href: "#menu" },
{ text: "Reserve Now", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/roasted-khingal-pieces-served-with-hot-chili-pepper-sauce_114579-2358.jpg"
mediaAnimation="blur-reveal"
@@ -67,15 +60,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Culinary Legacy"
metrics={[
{
icon: Star,
label: "Google Rating", value: "4.7"},
{
icon: Clock,
label: "Years Active", value: "5+"},
{
icon: Users,
label: "Happy Diners", value: "100k+"},
{ icon: Star, label: "Google Rating", value: "4.7" },
{ icon: Clock, label: "Years Active", value: "5+" },
{ icon: Users, label: "Happy Diners", value: "100k+" },
]}
metricsAnimation="slide-up"
/>
@@ -84,15 +71,13 @@ export default function LandingPage() {
<div id="menu" data-section="menu">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Our Signature Flavors"
description="From street-style Bun Kababs to our famous Tawa Chicken, explore a menu curated for true food lovers."
title="The Kanteen Menu"
description="A curated selection of our most beloved traditional and contemporary dishes."
accordionItems={[
{
id: "a1", title: "Popular Starters", content: "Experience our crispy Mixed Bhindi Crisp Chaat and flavorful Golgappa Shots."},
{
id: "a2", title: "Main Courses", content: "Indulge in our Terrific Tawa Chicken and traditional Hyderabadi Daal Chawal."},
{
id: "a3", title: "Sweet Endings", content: "Savor the Nutella Paratha or enjoy our classic Jalebis for a perfect sweet finish."},
{ id: "starters", title: "Starters & Snacks", content: "Mixed Bhindi Crisp Chaat (PKR 350) - Crispy okra tossed in tangy spices; Golgappa Shots (PKR 400) - Classic semolina shells with mint-cilantro water; Samosa Chaat (PKR 300) - Crunchy samosas topped with chickpeas and yogurt." },
{ id: "mains", title: "Main Courses", content: "Tawa Chicken (PKR 1,200) - Pan-seared chicken with signature spices; Hyderabadi Daal Chawal (PKR 850) - Lentil curry served with aromatic basmati rice; Beef Bun Kabab (PKR 450) - Street-style patty in toasted bun with special chutneys; Karahi Gosht (PKR 1,400) - Slow-cooked lamb in traditional wok." },
{ id: "drinks", title: "Drinks & Beverages", content: "Namkeen Lassi (PKR 350) - Salted yogurt drink; SS Special Chai (PKR 300) - Authentic masala tea; Mint Lemonade (PKR 250) - Refreshing citrus cooler." },
{ id: "desserts", title: "Desserts", content: "Nutella Paratha (PKR 500) - Flaky paratha filled with chocolate; Classic Jalebis (PKR 400) - Crispy fried swirls in warm sugar syrup; Gulab Jamun (PKR 350) - Traditional sweet milk dumplings." },
]}
imageSrc="http://img.b2bpic.net/free-photo/sauce-lavash-near-rice_23-2147894623.jpg"
mediaAnimation="slide-up"
@@ -106,18 +91,12 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Tawa Chicken", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-lavash-onion-greens-arugula-sumakh-top-view_141793-3126.jpg"},
{
id: "p2", name: "Aloo Bun Kabab", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-taiwan-s-pita-bread-bun-sandwich-gua-bao_23-2148123620.jpg"},
{
id: "p3", name: "Panipuri Shots", price: "PKR 600", imageSrc: "http://img.b2bpic.net/free-photo/fried-salty-chickpea-served-with-spicy-mayonnaise-sauce_140725-6654.jpg"},
{
id: "p4", name: "SS Chai", price: "PKR 300", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-49928.jpg"},
{
id: "p5", name: "Namkeen Lassi", price: "PKR 350", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-green-syrup_140725-3394.jpg"},
{
id: "p6", name: "Jalebi Plate", price: "PKR 400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-inside-black-cake-pan-with-physalises-pink-desk_140725-50300.jpg"},
{ id: "p1", name: "Tawa Chicken", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-lavash-onion-greens-arugula-sumakh-top-view_141793-3126.jpg" },
{ id: "p2", name: "Aloo Bun Kabab", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-taiwan-s-pita-bread-bun-sandwich-gua-bao_23-2148123620.jpg" },
{ id: "p3", name: "Panipuri Shots", price: "PKR 600", imageSrc: "http://img.b2bpic.net/free-photo/fried-salty-chickpea-served-with-spicy-mayonnaise-sauce_140725-6654.jpg" },
{ id: "p4", name: "SS Chai", price: "PKR 300", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-49928.jpg" },
{ id: "p5", name: "Namkeen Lassi", price: "PKR 350", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-green-syrup_140725-3394.jpg" },
{ id: "p6", name: "Jalebi Plate", price: "PKR 400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-inside-black-cake-pan-with-physalises-pink-desk_140725-50300.jpg" },
]}
title="Popular Hits"
description="The items our customers keep coming back for time and time again."
@@ -130,12 +109,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "100%", title: "Freshness", description: "Farm-to-table ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
{
id: "m2", value: "50+", title: "Expert Chefs", description: "Culinary masters.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"},
{
id: "m3", value: "20+", title: "Regional Dishes", description: "Authentic flavors.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-vegetables-herbs-spices_123827-21763.jpg"},
{ id: "m1", value: "100%", title: "Freshness", description: "Farm-to-table ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg" },
{ id: "m2", value: "50+", title: "Expert Chefs", description: "Culinary masters.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg" },
{ id: "m3", value: "20+", title: "Regional Dishes", description: "Authentic flavors.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-vegetables-herbs-spices_123827-21763.jpg" },
]}
title="Quality Standards"
description="We prioritize hygiene, fresh ingredients, and authentic recipes in every meal."
@@ -148,16 +124,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Yumna Siddiq", role: "Foodie", testimonial: "The place has such a nice vibe, and the food lived up to the hype.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg"},
{
id: "t2", name: "Malaika Khan", role: "Diner", testimonial: "Overall experience was great! Good value for money.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-burger_23-2150347950.jpg"},
{
id: "t3", name: "Sarah Khan", role: "Local", testimonial: "Amazing Golgappa shots, definitely the best in town.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg"},
{
id: "t4", name: "Ahmed Raza", role: "Regular", testimonial: "Kachoris were the show stealer. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg"},
{
id: "t5", name: "Fatima Noor", role: "Guest", testimonial: "Great variety and fast service. Loved the Nutella Paratha.", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg"},
{ id: "t1", name: "Yumna Siddiq", role: "Foodie", testimonial: "The place has such a nice vibe, and the food lived up to the hype.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-paying-bill-after-lunch-bar-man-is-using-smart-phone-contactless-payment_637285-631.jpg" },
{ id: "t2", name: "Malaika Khan", role: "Diner", testimonial: "Overall experience was great! Good value for money.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-burger_23-2150347950.jpg" },
{ id: "t3", name: "Sarah Khan", role: "Local", testimonial: "Amazing Golgappa shots, definitely the best in town.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg" },
{ id: "t4", name: "Ahmed Raza", role: "Regular", testimonial: "Kachoris were the show stealer. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
{ id: "t5", name: "Fatima Noor", role: "Guest", testimonial: "Great variety and fast service. Loved the Nutella Paratha.", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg" },
]}
title="Customer Stories"
description="Hear what our loyal guests have to say about their dining experience at Kanteen."
@@ -168,12 +139,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you offer delivery?", content: "Yes, we provide delivery through major food apps."},
{
id: "q2", title: "Is parking available?", content: "We are located in Dolmen Mall, Clifton, with ample parking."},
{
id: "q3", title: "Are reservations required?", content: "Walk-ins are welcome, but reservations are recommended for weekends."},
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we provide delivery through major food apps." },
{ id: "q2", title: "Is parking available?", content: "We are located in Dolmen Mall, Clifton, with ample parking." },
{ id: "q3", title: "Are reservations required?", content: "Walk-ins are welcome, but reservations are recommended for weekends." },
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
@@ -183,8 +151,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Get in touch"
description="Located in Dolmen Mall, Clifton, Karachi. Join us for an unforgettable dining experience today."
@@ -196,30 +163,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Menu", href: "#menu"},
{
label: "Reviews", href: "#reviews"},
],
},
{
items: [
{
label: "Locations", href: "#"},
{
label: "Careers", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ items: [{ label: "Menu", href: "#menu" }, { label: "Reviews", href: "#reviews" }] },
{ items: [{ label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Kanteen"
/>
@@ -227,4 +173,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}