bender/3c1817eb-8616-40c1-a9b5-327f38816c62
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 07:18:09 +00:00
parent b10b21bf1d
commit dcf664002a
1 changed files with 98 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -2,8 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
@@ -12,6 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import { Coffee, Croissant, Flame, Gift, Home } from "lucide-react";
export default function LandingPage() {
@@ -23,9 +23,9 @@ export default function LandingPage() {
contentWidth="mediumLarge"
sizing="medium"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Experience",
id: "#experience",
},
name: "Experience", id: "#experience"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Theatre"
/>
@@ -61,112 +51,80 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Theatre – Live Bakery & Cafe"
description="Freshly baked delights, specialty coffee, fluffy omelettes, and handcrafted waffles served in a cozy and aesthetic atmosphere. Perfect for any time of day."
testimonials={[
{
name: "Alex P.",
handle: "@alexfoodie",
testimonial: "The best place in town for fresh pastries and a delightful coffee experience. A true gem!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=1",
name: "Alex P.", handle: "@alexfoodie", testimonial: "The best place in town for fresh pastries and a delightful coffee experience. A true gem!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=1"
},
{
name: "Maria S.",
handle: "@mariadelights",
testimonial: "Absolutely love the vibe here! Their specialty coffee is a must-try, and the staff are always so welcoming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-woman-hat-talking-by-smartphone-with-coffee-hand-looking-up-gray-background_171337-12008.jpg",
name: "Maria S.", handle: "@mariadelights", testimonial: "Absolutely love the vibe here! Their specialty coffee is a must-try, and the staff are always so welcoming.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-woman-hat-talking-by-smartphone-with-coffee-hand-looking-up-gray-background_171337-12008.jpg"
},
{
name: "Omar K.",
handle: "@omartravels",
testimonial: "A fantastic spot for breakfast meetings. The omelettes are divine, and the cozy setting makes it ideal for work.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
name: "Omar K.", handle: "@omartravels", testimonial: "A fantastic spot for breakfast meetings. The omelettes are divine, and the cozy setting makes it ideal for work.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg"
},
{
name: "Jessica L.",
handle: "@jessicaeats",
testimonial: "The live bakery concept is amazing! Watching them bake fresh goods adds to the charm. Their waffles are heavenly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-smiling-woman-with-cup-drink-near-window-cafe_23-2148071599.jpg",
name: "Jessica L.", handle: "@jessicaeats", testimonial: "The live bakery concept is amazing! Watching them bake fresh goods adds to the charm. Their waffles are heavenly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-smiling-woman-with-cup-drink-near-window-cafe_23-2148071599.jpg"
},
{
name: "David B.",
handle: "@davidfoodblog",
testimonial: "This cafe has become my regular weekend spot. Great quality food, excellent coffee, and a very relaxing atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
},
name: "David B.", handle: "@davidfoodblog", testimonial: "This cafe has become my regular weekend spot. Great quality food, excellent coffee, and a very relaxing atmosphere.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg"
}
]}
buttons={[
{
text: "Visit Us Today",
href: "#contact",
},
text: "Visit Us Today", href: "#contact"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=1"
imageAlt="Cozy cafe interior with coffee and pastries"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
alt: "Happy customer 1",
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg", alt: "Happy customer 1"
},
{
src: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg",
alt: "Happy customer 2",
src: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg", alt: "Happy customer 2"
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
alt: "Happy customer 3",
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg", alt: "Happy customer 3"
},
{
src: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
alt: "Happy customer 4",
src: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg", alt: "Happy customer 4"
},
{
src: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950188.jpg",
alt: "Happy customer 5",
},
src: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950188.jpg", alt: "Happy customer 5"
}
]}
avatarText="Join our community of happy customers!"
marqueeItems={[
{
type: "text-icon",
text: "Freshly Baked Daily",
icon: Croissant,
type: "text-icon", text: "Freshly Baked Daily", icon: Croissant
},
{
type: "text-icon",
text: "Artisan Coffee Crafted",
icon: Coffee,
type: "text-icon", text: "Artisan Coffee Crafted", icon: Coffee
},
{
type: "text-icon",
text: "Cozy & Inviting Ambiance",
icon: Home,
type: "text-icon", text: "Cozy & Inviting Ambiance", icon: Home
},
{
type: "text-icon",
text: "Delicious Breakfast Options",
icon: Flame,
type: "text-icon", text: "Delicious Breakfast Options", icon: Flame
},
{
type: "text-icon",
text: "Handcrafted Waffles & More",
icon: Gift,
},
type: "text-icon", text: "Handcrafted Waffles & More", icon: Gift
}
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
useInvertedBackground={false}
title="Freshly Baked Every Day"
description="Theatre – Live Bakery & Cafe offers a unique live bakery experience where guests can enjoy freshly prepared treats, premium coffee, and delicious breakfast favorites.\n\nWhether you're meeting friends, hosting a casual business discussion, or simply enjoying your morning coffee, Theatre provides the perfect setting. Our commitment to quality ingredients and a warm, inviting atmosphere makes every visit special."
imageSrc="http://img.b2bpic.net/free-photo/barista-using-tamper-press-ground-coffee-into-portafilter-cafe-thick-wooden-table-professional-coffee-brewing_346278-1468.jpg"
@@ -182,47 +140,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "waffles",
name: "Fresh Waffles",
price: "PKR 550",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-caffe-eating-breakfast-waffle-with-chocolate-sauce-banana-slices-strawberries-green-ceramic-plate-photographed-her-breakfast_114579-1690.jpg",
imageAlt: "Golden fluffy waffles with berries",
id: "waffles", name: "Fresh Waffles", price: "PKR 550", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-caffe-eating-breakfast-waffle-with-chocolate-sauce-banana-slices-strawberries-green-ceramic-plate-photographed-her-breakfast_114579-1690.jpg", imageAlt: "Golden fluffy waffles with berries"
},
{
id: "omelettes",
name: "Signature Omelettes",
price: "PKR 650",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-with-veggie-cream-omelette_23-2148698699.jpg",
imageAlt: "Fluffy omelette with herbs",
id: "omelettes", name: "Signature Omelettes", price: "PKR 650", imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-with-veggie-cream-omelette_23-2148698699.jpg", imageAlt: "Fluffy omelette with herbs"
},
{
id: "coffee",
name: "Specialty Coffee",
price: "PKR 400",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-froth_140725-7517.jpg",
imageAlt: "Latte art coffee cup",
id: "coffee", name: "Specialty Coffee", price: "PKR 400", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-froth_140725-7517.jpg", imageAlt: "Latte art coffee cup"
},
{
id: "pastries",
name: "Live Bakery Items",
price: "PKR 300",
imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-tea-with-delicious-croissants_114579-37484.jpg",
imageAlt: "Assorted fresh pastries",
id: "pastries", name: "Live Bakery Items", price: "PKR 300", imageSrc: "http://img.b2bpic.net/free-photo/aroma-cup-tea-with-delicious-croissants_114579-37484.jpg", imageAlt: "Assorted fresh pastries"
},
{
id: "sandwich",
name: "Gourmet Sandwiches",
price: "PKR 700",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sandwiches-table_23-2148262947.jpg",
imageAlt: "Fresh gourmet sandwich",
id: "sandwich", name: "Gourmet Sandwiches", price: "PKR 700", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sandwiches-table_23-2148262947.jpg", imageAlt: "Fresh gourmet sandwich"
},
{
id: "smoothie",
name: "Refreshing Smoothies",
price: "PKR 450",
imageSrc: "http://img.b2bpic.net/free-photo/berries-milkshake-garnished-with-raspberry-strawberry-cranberries-bamboo-skewers_140725-5728.jpg",
imageAlt: "Colorful fruit smoothie",
},
id: "smoothie", name: "Refreshing Smoothies", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/berries-milkshake-garnished-with-raspberry-strawberry-cranberries-bamboo-skewers_140725-5728.jpg", imageAlt: "Colorful fruit smoothie"
}
]}
title="Menu Highlights"
description="Explore our curated selection of fresh bakery items, savory breakfast, and handcrafted beverages, all prepared with the finest ingredients."
@@ -234,32 +168,20 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
useInvertedBackground={false}
features={[
{
title: "☕ Cozy Atmosphere",
description: "Warm interiors designed for comfort and relaxation, perfect for unwinding or productive work.",
imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg",
imageAlt: "minimalist cafe logo design",
title: "☕ Cozy Atmosphere", description: "Warm interiors designed for comfort and relaxation, perfect for unwinding or productive work.", imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg", imageAlt: "minimalist cafe logo design"
},
{
title: "🥐 Live Bakery",
description: "Watch fresh bakery items come to life throughout the day, a feast for your senses.",
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=2",
imageAlt: "minimalist cafe logo design",
title: "🥐 Live Bakery", description: "Watch fresh bakery items come to life throughout the day, a feast for your senses.", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=2", imageAlt: "minimalist cafe logo design"
},
{
title: "💼 Business Friendly",
description: "A perfect setting for small meetings and casual work sessions with complimentary Wi-Fi.",
imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=2",
imageAlt: "minimalist cafe logo design",
title: "💼 Business Friendly", description: "A perfect setting for small meetings and casual work sessions with complimentary Wi-Fi.", imageSrc: "http://img.b2bpic.net/free-photo/greeneyed-smiling-woman-white-tshirt-drinking-milkshake-sitting-cafe_197531-26361.jpg?_wi=2", imageAlt: "minimalist cafe logo design"
},
{
title: "📸 Aesthetic Ambience",
description: "Beautiful interiors that make every visit memorable and Instagram-worthy moments.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
imageAlt: "minimalist cafe logo design",
},
title: "📸 Aesthetic Ambience", description: "Beautiful interiors that make every visit memorable and Instagram-worthy moments.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "minimalist cafe logo design"
}
]}
title="The Experience"
description="At Theatre – Live Bakery & Cafe, we blend delightful flavors with a serene environment, ensuring every visit is a memorable one."
@@ -274,25 +196,20 @@ export default function LandingPage() {
author="Sarah J."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
alt: "Michael Chen",
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Michael Chen"
},
{
src: "http://img.b2bpic.net/free-photo/smiley-women-conversing-table-using-sign-language_23-2148681068.jpg",
alt: "Emily Rodriguez",
src: "http://img.b2bpic.net/free-photo/smiley-women-conversing-table-using-sign-language_23-2148681068.jpg", alt: "Emily Rodriguez"
},
{
src: "http://img.b2bpic.net/free-photo/portrait-elegant-male-enjoying-coffee-cup_23-2148673399.jpg",
alt: "David Kim",
src: "http://img.b2bpic.net/free-photo/portrait-elegant-male-enjoying-coffee-cup_23-2148673399.jpg", alt: "David Kim"
},
{
src: "http://img.b2bpic.net/free-photo/shy-bearded-redhead-guy-posing-against-white-wall_176420-33203.jpg",
alt: "Laura White",
src: "http://img.b2bpic.net/free-photo/shy-bearded-redhead-guy-posing-against-white-wall_176420-33203.jpg", alt: "Laura White"
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-girl-white-background_176474-114665.jpg",
alt: "James P.",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-girl-white-background_176474-114665.jpg", alt: "James P."
}
]}
ratingAnimation="opacity"
avatarsAnimation="opacity"
@@ -302,15 +219,9 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
useInvertedBackground={false}
names={[
"Local Foodies",
"Karachi Daily",
"The Coffee Blog",
"Dessert Heaven",
"Business Hub",
"Urban Eats",
"Taste Makers",
"Local Foodies", "Karachi Daily", "The Coffee Blog", "Dessert Heaven", "Business Hub", "Urban Eats", "Taste Makers"
]}
title="Loved by Our Community"
description="We are proud to be a beloved local spot, supported by a wonderful community and recognized by local publications."
@@ -319,59 +230,50 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
sideDescription="Have questions about our menu, services, or events? Find your answers here or contact us directly for more information."
faqs={[
{
id: "q1",
title: "Do you offer gluten-free options?",
content: "Yes, we have a selection of delicious gluten-free pastries and meals. Please ask our staff for today's specials and dietary recommendations.",
id: "q1", title: "Do you offer gluten-free options?", content: "Yes, we have a selection of delicious gluten-free pastries and meals. Please ask our staff for today's specials and dietary recommendations."
},
{
id: "q2",
title: "Can I reserve a table?",
content: "We operate on a first-come, first-served basis for our cozy cafe seating. For larger groups or private events, please contact us directly to discuss arrangements.",
id: "q2", title: "Can I reserve a table?", content: "We operate on a first-come, first-served basis for our cozy cafe seating. For larger groups or private events, please contact us directly to discuss arrangements."
},
{
id: "q3",
title: "What are your opening hours?",
content: "We are open from 8 AM to 10 PM, Monday through Sunday. Come enjoy our fresh offerings at your convenience any day of the week!",
id: "q3", title: "What are your opening hours?", content: "We are open from 8 AM to 10 PM, Monday through Sunday. Come enjoy our fresh offerings at your convenience any day of the week!"
},
{
id: "q4",
title: "Do you offer catering services?",
content: "Yes, we do! Theatre – Live Bakery & Cafe provides catering for various events, from corporate meetings to family gatherings. Please inquire for our catering menu.",
id: "q4", title: "Do you offer catering services?", content: "Yes, we do! Theatre – Live Bakery & Cafe provides catering for various events, from corporate meetings to family gatherings. Please inquire for our catering menu."
},
{
id: "q5",
title: "Is there Wi-Fi available?",
content: "Absolutely! We offer complimentary high-speed Wi-Fi for all our guests, making it a perfect spot for work or catching up online.",
},
id: "q5", title: "Is there Wi-Fi available?", content: "Absolutely! We offer complimentary high-speed Wi-Fi for all our guests, making it a perfect spot for work or catching up online."
}
]}
title="Frequently Asked Questions"
description="Have questions about our menu, services, or events? Find your answers here or contact us directly for more information."
faqsAnimation="slide-up"
textPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Theatre – Live Bakery & Cafe\n25, 23-B, Maqbool Cooperative Society,\nBlock 7, 8 Tipu Sultan Road, Karachi\nPhone: +92 320 2678675\nEmail: info@theatrebakerycafe.com"
variant: "radial-gradient"}}
title="Connect with Theatre Cafe"
description="Reach out to us for reservations, catering, or any inquiries. We're happy to assist you!\n\nTheatre – Live Bakery & Cafe\n25, 23-B, Maqbool Cooperative Society,\nBlock 7, 8 Tipu Sultan Road, Karachi\nPhone: +92 320 2678675\nEmail: info@theatrebakerycafe.com"
buttons={[
{
text: "Call Now",
href: "tel:+923202678675",
text: "Call Now", href: "tel:+923202678675"
},
{
text: "Get Directions",
href: "https://maps.app.goo.gl/example",
},
text: "Get Directions", href: "https://maps.app.goo.gl/example"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe-interior-natural-lighting-potted-plants_23-2149591456.jpg"
imageAlt="Cozy cafe interior"
mediaPosition="left"
/>
</div>
@@ -382,52 +284,41 @@ export default function LandingPage() {
logoText="Theatre"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "About Us",
href: "#about",
label: "About Us", href: "#about"
},
{
label: "Menu",
href: "#menu",
label: "Menu", href: "#menu"
},
{
label: "Experience",
href: "#experience",
},
],
label: "Experience", href: "#experience"
}
]
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
label: "Contact", href: "#contact"
},
{
label: "Testimonials",
href: "#testimonials",
label: "Testimonials", href: "#testimonials"
},
{
label: "FAQ",
href: "#faq",
},
],
label: "FAQ", href: "#faq"
}
]
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service",
href: "#",
},
],
},
label: "Terms of Service", href: "#"
}
]
}
]}
copyrightText="© 2026 Theatre – Live Bakery & Cafe. All Rights Reserved."
/>
@@ -435,4 +326,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}