Update src/app/page.tsx
This commit is contained in:
183
src/app/page.tsx
183
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Knead Cafe"
|
||||
/>
|
||||
@@ -60,15 +50,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Karachi’s Artisanal Haven"
|
||||
description="Experience the warmth of freshly baked goodness and carefully crafted coffee in the heart of Karachi."
|
||||
description="Experience the warmth of freshly baked goodness and carefully crafted coffee in the heart of Karachi. For inquiries, reach us at 03347999123."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg"
|
||||
/>
|
||||
@@ -79,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Knead Philosophy"
|
||||
description={[
|
||||
"Founded with a passion for traditional craftsmanship, Knead Cafe brings a unique blend of heritage recipes and modern cafe culture to Karachi.",
|
||||
"We use locally sourced ingredients and time-honored techniques to ensure every cup and every crumb is a testament to our quality.",
|
||||
]}
|
||||
"Founded with a passion for traditional craftsmanship, Knead Cafe brings a unique blend of heritage recipes and modern cafe culture to Karachi.", "We use locally sourced ingredients and time-honored techniques to ensure every cup and every crumb is a testament to our quality."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,38 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisan Coffee",
|
||||
author: "Knead Roasters",
|
||||
description: "Hand-picked beans, small-batch roasted for peak flavor.",
|
||||
tags: [
|
||||
"Organic",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-drink-near-books-croissant_23-2147911455.jpg",
|
||||
},
|
||||
id: "f1", title: "Artisan Coffee", author: "Knead Roasters", description: "Hand-picked beans, small-batch roasted for peak flavor.", tags: [
|
||||
"Organic", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-drink-near-books-croissant_23-2147911455.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fresh Pastries",
|
||||
author: "Knead Bakers",
|
||||
description: "Baked daily in our kitchen using secret heritage recipes.",
|
||||
tags: [
|
||||
"Authentic",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-shop-bake-dough-flour-bakery_53876-31655.jpg",
|
||||
},
|
||||
id: "f2", title: "Fresh Pastries", author: "Knead Bakers", description: "Baked daily in our kitchen using secret heritage recipes.", tags: [
|
||||
"Authentic", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-shop-bake-dough-flour-bakery_53876-31655.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cozy Ambiance",
|
||||
author: "Knead Design",
|
||||
description: "Designed for conversations, work, and peaceful mornings.",
|
||||
tags: [
|
||||
"Relaxing",
|
||||
"Local",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178358.jpg",
|
||||
},
|
||||
id: "f3", title: "Cozy Ambiance", author: "Knead Design", description: "Designed for conversations, work, and peaceful mornings.", tags: [
|
||||
"Relaxing", "Local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178358.jpg"},
|
||||
]}
|
||||
title="Why Knead Cafe?"
|
||||
description="A curated experience designed for the senses."
|
||||
@@ -138,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sourdough Loaf",
|
||||
price: "Rs. 650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-loaf-artisan-sourdough-bread-cutting-board-closeup-vertical-frame-light-gray-background-with-copy-space_166373-2987.jpg",
|
||||
},
|
||||
id: "p1", name: "Sourdough Loaf", price: "Rs. 650", imageSrc: "http://img.b2bpic.net/free-photo/half-loaf-artisan-sourdough-bread-cutting-board-closeup-vertical-frame-light-gray-background-with-copy-space_166373-2987.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Buttery Croissant",
|
||||
price: "Rs. 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-cheese-cuumber_23-2148574571.jpg",
|
||||
},
|
||||
id: "p2", name: "Buttery Croissant", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-cheese-cuumber_23-2148574571.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chocolate Slice",
|
||||
price: "Rs. 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg",
|
||||
},
|
||||
id: "p3", name: "Chocolate Slice", price: "Rs. 450", imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Latte",
|
||||
price: "Rs. 500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg",
|
||||
},
|
||||
id: "p4", name: "Signature Latte", price: "Rs. 500", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cinnamon Roll",
|
||||
price: "Rs. 400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-croissants-tray_23-2148933380.jpg",
|
||||
},
|
||||
id: "p5", name: "Cinnamon Roll", price: "Rs. 400", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-croissants-tray_23-2148933380.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cold Brew",
|
||||
price: "Rs. 550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-blue-smoky-background_84443-83779.jpg",
|
||||
},
|
||||
id: "p6", name: "Cold Brew", price: "Rs. 550", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-blue-smoky-background_84443-83779.jpg"},
|
||||
]}
|
||||
title="Our Artisanal Menu"
|
||||
description="Handcrafted goodness, from our oven to your table."
|
||||
@@ -187,25 +127,15 @@ export default function LandingPage() {
|
||||
author="Sarah Ahmed"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039452.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039452.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-cute-woman-with-book-home_197531-32317.jpg",
|
||||
alt: "Ali",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-cute-woman-with-book-home_197531-32317.jpg", alt: "Ali"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg",
|
||||
alt: "Fatima",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg", alt: "Fatima"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg",
|
||||
alt: "Omar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg", alt: "Omar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg",
|
||||
alt: "Zoya",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg", alt: "Zoya"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -219,23 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cups Served", value: "50,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CakeSlice,
|
||||
title: "Pastries Baked",
|
||||
value: "120,000+",
|
||||
},
|
||||
id: "m2", icon: CakeSlice,
|
||||
title: "Pastries Baked", value: "120,000+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "25,000+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Customers", value: "25,000+"},
|
||||
]}
|
||||
title="Our Journey"
|
||||
description="Counting moments, one knead at a time."
|
||||
@@ -248,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we feature plant-based alternatives for our coffee and specific seasonal pastries.",
|
||||
},
|
||||
id: "q1", title: "Do you offer vegan options?", content: "Yes, we feature plant-based alternatives for our coffee and specific seasonal pastries."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where is the cafe located?",
|
||||
content: "We are centrally located in the vibrant district of Clifton, Karachi.",
|
||||
},
|
||||
id: "q2", title: "Where is the cafe located?", content: "We are centrally located in the vibrant district of Clifton, Karachi."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "For large groups, please contact us ahead of time to ensure we can accommodate you.",
|
||||
},
|
||||
id: "q3", title: "Can I reserve a table?", content: "For large groups, please contact us ahead of time to ensure we can accommodate you. Reach us at 03347999123."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our cafe."
|
||||
@@ -273,16 +185,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us Today"
|
||||
description="Come experience the magic at Knead Cafe Karachi. We look forward to welcoming you."
|
||||
description="Come experience the magic at Knead Cafe Karachi. Call us at 03347999123 to book a table or order for delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -291,16 +200,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Knead Cafe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user