Merge version_1 into main #1
368
src/app/page.tsx
368
src/app/page.tsx
@@ -27,272 +27,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Multan Cafe Stop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Multan Cafe Stop"
|
||||
button={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Experience Artisanal Perfection in Multan"
|
||||
description="Where tradition meets modern brewing. Welcome to Multan's favorite stop for premium coffee, hand-crafted pastries, and a truly cozy atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience Artisanal Perfection in Multan"
|
||||
description="Where tradition meets modern brewing. Welcome to Multan's favorite stop for premium coffee, hand-crafted pastries, and a truly cozy atmosphere."
|
||||
buttons={[{ text: "Explore Our Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="At Multan Cafe Stop, every cup tells a story. We source the finest beans, work with local artisans, and create a space where community and flavor thrive together."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We partner with local farmers to ensure our beans meet the highest sustainability standards.",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Baking",
|
||||
description: "Our pastries are baked daily, using only fresh, locally sourced ingredients.",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A refined, quiet space perfect for working, meeting friends, or simply reflecting.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="At Multan Cafe Stop, every cup tells a story. We source the finest beans, work with local artisans, and create a space where community and flavor thrive together."
|
||||
bulletPoints={[
|
||||
{ title: "Ethical Sourcing", description: "We partner with local farmers to ensure our beans meet the highest sustainability standards." },
|
||||
{ title: "Artisanal Baking", description: "Our pastries are baked daily, using only fresh, locally sourced ingredients." },
|
||||
{ title: "Cozy Atmosphere", description: "A refined, quiet space perfect for working, meeting friends, or simply reflecting." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced chains",
|
||||
"Pre-packaged ingredients",
|
||||
"Fast-food pace",
|
||||
"Low-grade beans",
|
||||
"Lack of personal touch",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Single-origin beans",
|
||||
"Hand-crafted daily",
|
||||
"Slow-brew perfection",
|
||||
"Locally sourced ingredients",
|
||||
"Warm and inviting space",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We believe in transparency and quality at every step of our brewing process."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Mass-produced chains", "Pre-packaged ingredients", "Fast-food pace", "Low-grade beans", "Lack of personal touch"] }}
|
||||
positiveCard={{ items: ["Single-origin beans", "Hand-crafted daily", "Slow-brew perfection", "Locally sourced ingredients", "Warm and inviting space"] }}
|
||||
title="Why Choose Us"
|
||||
description="We believe in transparency and quality at every step of our brewing process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Cappuccino",
|
||||
price: "Rs. 450",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Butter Croissant",
|
||||
price: "Rs. 300",
|
||||
variant: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-choco-eclairs-with-cookies-light-table-biscuit-cake-dessert_140725-123732.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew Latte",
|
||||
price: "Rs. 550",
|
||||
variant: "Iced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-drinks-beverage-menu-chalk-board_53876-23301.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Club Artisan",
|
||||
price: "Rs. 650",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-wooden-background_23-2148617311.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Single-Origin Espresso",
|
||||
price: "Rs. 400",
|
||||
variant: "Brew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-brewed-coffee_23-2148230531.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Earl Grey Infusion",
|
||||
price: "Rs. 350",
|
||||
variant: "Tea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-water-tea-kinds-cups-bowls-dark-wooden-background-horizontal_176474-5358.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Explore our hand-curated menu of premium coffees, artisanal teas, and fresh gourmet snacks."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Cappuccino", price: "Rs. 450", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-table_1232-2739.jpg" },
|
||||
{ id: "2", name: "Butter Croissant", price: "Rs. 300", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-yummy-choco-eclairs-with-cookies-light-table-biscuit-cake-dessert_140725-123732.jpg" },
|
||||
{ id: "3", name: "Cold Brew Latte", price: "Rs. 550", variant: "Iced", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-drinks-beverage-menu-chalk-board_53876-23301.jpg" },
|
||||
{ id: "4", name: "Club Artisan", price: "Rs. 650", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-arrangement-wooden-background_23-2148617311.jpg" },
|
||||
{ id: "5", name: "Single-Origin Espresso", price: "Rs. 400", variant: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-brewed-coffee_23-2148230531.jpg" },
|
||||
{ id: "6", name: "Earl Grey Infusion", price: "Rs. 350", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-water-tea-kinds-cups-bowls-dark-wooden-background-horizontal_176474-5358.jpg" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Explore our hand-curated menu of premium coffees, artisanal teas, and fresh gourmet snacks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Community served",
|
||||
"Smiles generated",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Cups Brewed",
|
||||
items: [
|
||||
"Fresh beans used",
|
||||
"Perfect pours",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Local Farmers",
|
||||
items: [
|
||||
"Sustainable trade",
|
||||
"Organic partnership",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "20+",
|
||||
title: "Daily Pastries",
|
||||
items: [
|
||||
"Freshly baked",
|
||||
"Hand-crafted",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "4.9",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Customer satisfaction",
|
||||
"Premium quality",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to the quality and passion behind every cup we serve."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15k+", title: "Happy Customers", items: ["Community served", "Smiles generated"] },
|
||||
{ id: "m2", value: "5k+", title: "Cups Brewed", items: ["Fresh beans used", "Perfect pours"] },
|
||||
{ id: "m3", value: "12", title: "Local Farmers", items: ["Sustainable trade", "Organic partnership"] },
|
||||
{ id: "m4", value: "20+", title: "Daily Pastries", items: ["Freshly baked", "Hand-crafted"] },
|
||||
{ id: "m5", value: "4.9", title: "Rating", items: ["Customer satisfaction", "Premium quality"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to the quality and passion behind every cup we serve."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina Khan",
|
||||
role: "Journalist",
|
||||
testimonial: "The best place in Multan to get a quiet moment and a truly incredible cappuccino.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Zaid Abbas",
|
||||
role: "Software Developer",
|
||||
testimonial: "I love the vibe here, the coffee is always fresh and perfect for my afternoon focus sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sara Malik",
|
||||
role: "Artist",
|
||||
testimonial: "Finally, a cafe that takes their single-origin beans seriously. A true gem for coffee snobs like me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-tablet_23-2147689342.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar Farooq",
|
||||
role: "Architect",
|
||||
testimonial: "The atmosphere is unmatched in Multan, feels like being in a different part of the world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-cup-tea_23-2148586186.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Hina Javeed",
|
||||
role: "Student",
|
||||
testimonial: "Best butter croissants in the city, hands down. I come here every single Saturday.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",
|
||||
},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Here is what our regulars have to say about their daily stop at Multan Cafe."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amina Khan", role: "Journalist", testimonial: "The best place in Multan to get a quiet moment and a truly incredible cappuccino.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" },
|
||||
{ id: "t2", name: "Zaid Abbas", role: "Software Developer", testimonial: "I love the vibe here, the coffee is always fresh and perfect for my afternoon focus sessions.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg" },
|
||||
{ id: "t3", name: "Sara Malik", role: "Artist", testimonial: "Finally, a cafe that takes their single-origin beans seriously. A true gem for coffee snobs like me.", imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-tablet_23-2147689342.jpg" },
|
||||
{ id: "t4", name: "Omar Farooq", role: "Architect", testimonial: "The atmosphere is unmatched in Multan, feels like being in a different part of the world.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-cup-tea_23-2148586186.jpg" },
|
||||
{ id: "t5", name: "Hina Javeed", role: "Student", testimonial: "Best butter croissants in the city, hands down. I come here every single Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Here is what our regulars have to say about their daily stop at Multan Cafe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Coffee Community"
|
||||
description="Sign up for our newsletter for monthly specials, new bean arrivals, and exclusive cafe events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Coffee Community"
|
||||
description="Sign up for our newsletter for monthly specials, new bean arrivals, and exclusive cafe events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Multan Cafe Stop"
|
||||
copyrightText="© 2025 Multan Cafe Stop | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Multan Cafe Stop"
|
||||
copyrightText="© 2025 Multan Cafe Stop | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user