4 Commits

Author SHA1 Message Date
2aa17d0f54 Merge version_4 into main
Merge version_4 into main
2026-06-12 08:26:05 +00:00
fe02d42793 Update src/app/page.tsx 2026-06-12 08:26:02 +00:00
62704ce104 Add src/app/experience/page.tsx 2026-06-12 08:26:02 +00:00
fb646e873f Merge version_3 into main
Merge version_3 into main
2026-06-12 08:22:31 +00:00
2 changed files with 172 additions and 262 deletions

View File

@@ -0,0 +1,88 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function ExperiencePage() {
const globalNavItems = [
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Experience", id: "/experience" },
{ name: "Journey", id: "/coffee-journey" },
{ name: "Reviews", id: "/reviews" },
{ name: "Gallery", id: "/gallery" }
];
const globalFooterColumns = [
{
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "Experience", href: "/experience" },
{ label: "Coffee Journey", href: "/coffee-journey" }
]
},
{
title: "Connect", items: [
{ label: "Reviews", href: "/reviews" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reserve", href: "/contact" },
{ label: "WhatsApp", href: "https://wa.me/916303572811" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
];
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={globalNavItems}
logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61331.jpg"
logoAlt="Coffeecup & Bakehouse Logo"
brandName="Coffeecup & Bakehouse"
button={{
text: "Reserve a Table", href: "/contact"
}}
/>
</div>
<div id="experience" data-section="experience">
<TextSplitAbout
useInvertedBackground={true}
title="Crafting Unforgettable Moments"
description={[
"Immerse yourself in the warm, inviting ambiance of Coffeecup. Every corner is designed for comfort, connection, and culinary delight. From the soft lighting to the cozy seating, weve created a perfect escape for you to savor our artisan coffees and delectable treats.", "Our philosophy is simple: create a space where every visit feels like a cherished memory in the making. Whether its a quiet morning read, a lively afternoon with friends, or a romantic evening, Coffeecup is your perfect backdrop."
]}
showBorder={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Coffeecup & Bakehouse"
columns={globalFooterColumns}
copyrightText="© 2024 Coffeecup & Bakehouse. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

View File

@@ -13,274 +13,96 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() { export default function LandingPage() {
const globalNavItems = [
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Experience", id: "/experience" },
{ name: "Journey", id: "/coffee-journey" },
{ name: "Reviews", id: "/reviews" },
{ name: "Gallery", id: "/gallery" }
];
const globalFooterColumns = [
{
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "Experience", href: "/experience" },
{ label: "Coffee Journey", href: "/coffee-journey" }
]
},
{
title: "Connect", items: [
{ label: "Reviews", href: "/reviews" },
{ label: "Gallery", href: "/gallery" },
{ label: "Reserve", href: "/contact" },
{ label: "WhatsApp", href: "https://wa.me/916303572811" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="small" contentWidth="small"
sizing="largeSmallSizeLargeTitles" sizing="largeSmallSizeLargeTitles"
background="fluid" background="fluid"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={globalNavItems}
{ logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61331.jpg"
name: "Home", id: "#hero"}, logoAlt="Coffeecup & Bakehouse Logo"
{ brandName="Coffeecup & Bakehouse"
name: "Menu", id: "#menu"}, button={{
{ text: "Reserve a Table", href: "/contact"
name: "Experience", id: "#experience"}, }}
{ />
name: "Journey", id: "#coffee-journey"}, </div>
{
name: "Reviews", id: "#reviews"},
{
name: "Gallery", id: "#gallery"},
]}
logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61331.jpg"
logoAlt="Coffeecup & Bakehouse Logo"
brandName="Coffeecup & Bakehouse"
button={{
text: "Reserve a Table", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "radial-gradient"}} variant: "radial-gradient"
title="Where Stories Brew & Memories Rise." }}
description="Experience the art of coffee and a symphony of flavors at Coffeecup & Bakehouse. A sanctuary for connoisseurs and casual visitors alike." title="Where Stories Brew & Memories Rise."
buttons={[ description="Experience the art of coffee and a symphony of flavors at Coffeecup & Bakehouse. A sanctuary for connoisseurs and casual visitors alike."
{ buttons={[
text: "Explore Menu", href: "#menu"}, { text: "Explore Menu", href: "/menu" },
{ { text: "Reserve a Table", href: "/contact" }
text: "Reserve a Table", href: "#contact"}, ]}
]} mediaItems={[
mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176359.jpg", imageAlt: "Full screen view of a cozy coffee shop interior" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/background-brown-bean-roasted-beans_1303-1923.jpg", imageAlt: "Floating 3D coffee cup emitting steam with rotating coffee beans" },
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176359.jpg", imageAlt: "Full screen view of a cozy coffee shop interior"}, { imageSrc: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-top-book-with-pinecones_114579-57824.jpg", imageAlt: "Luxury cafe counter with espresso machine" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg", imageAlt: "Barista is preparing coffee with milk" },
imageSrc: "http://img.b2bpic.net/free-photo/background-brown-bean-roasted-beans_1303-1923.jpg", imageAlt: "Floating 3D coffee cup emitting steam with rotating coffee beans"}, { imageSrc: "http://img.b2bpic.net/free-photo/tasty-arrangement-with-pastries_23-2148289387.jpg", imageAlt: "People enjoying coffee in a modern cafe" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762356.jpg", imageAlt: "Abstract coffee swirls with a dark background" }
imageSrc: "http://img.b2bpic.net/free-photo/cup-aromatic-coffee-top-book-with-pinecones_114579-57824.jpg", imageAlt: "Luxury cafe counter with espresso machine"}, ]}
{ mediaAnimation="slide-up"
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg", imageAlt: "Barista is preparing coffee with milk"}, />
{ </div>
imageSrc: "http://img.b2bpic.net/free-photo/tasty-arrangement-with-pastries_23-2148289387.jpg", imageAlt: "People enjoying coffee in a modern cafe"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762356.jpg", imageAlt: "Abstract coffee swirls with a dark background"},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="experience" data-section="experience"> <div id="footer" data-section="footer">
<TextSplitAbout <FooterBaseReveal
useInvertedBackground={true} logoText="Coffeecup & Bakehouse"
title="Crafting Unforgettable Moments" columns={globalFooterColumns}
description={[ copyrightText="© 2024 Coffeecup & Bakehouse. All rights reserved."
"Immerse yourself in the warm, inviting ambiance of Coffeecup. Every corner is designed for comfort, connection, and culinary delight. From the soft lighting to the cozy seating, weve created a perfect escape for you to savor our artisan coffees and delectable treats.", "Our philosophy is simple: create a space where every visit feels like a cherished memory in the making. Whether its a quiet morning read, a lively afternoon with friends, or a romantic evening, Coffeecup is your perfect backdrop." ]} />
showBorder={true} </div>
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "reviews", value: "1300+", title: "Guest Reviews", items: [
"Consistently rated highly", "Positive feedback on ambiance", "Love for our specialty coffee"],
},
{
id: "rating", value: "4.2", title: "Average Rating", items: [
"Excellence in taste and service", "Top-tier coffee experience", "Consistently high customer satisfaction"],
},
{
id: "served", value: "25K+", title: "Coffee Lovers Served", items: [
"A growing community of patrons", "Daily dose of happiness delivered", "Memorable moments created"],
},
]}
title="Our Story in Numbers"
description="We're proud of the community we've built and the experiences we share with thousands of coffee lovers."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="scale-rotate"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1", name: "Mango Cream French Toast", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/ginger-cake-piece-decorated-with-vanilla-ice-cream-strawberry-black-currant-raspberry-blackberry-pistachio_141793-2243.jpg", imageAlt: "Gourmet Mango Cream French Toast"},
{
id: "p2", name: "Cappuccino", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-tray-with-marshmallows-candle_23-2148720055.jpg", imageAlt: "Perfectly made Cappuccino with latte art"},
{
id: "p3", name: "Butter Croissant", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-coffee-plaster-picnic-cloth-flat-lay_176474-8235.jpg", imageAlt: "Golden flaky Butter Croissant"},
{
id: "p4", name: "Spanish Latte", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/open-book-fresh-juices-cafe_23-2148784249.jpg", imageAlt: "Iced Spanish Latte in an elegant glass"},
{
id: "p5", name: "Blueberry Espresso", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-yogurt-concept_23-2148775682.jpg", imageAlt: "Innovative Blueberry Espresso drink"},
{
id: "p6", name: "Korean Bun", price: "₹290", imageSrc: "http://img.b2bpic.net/free-photo/tasty-pastries-stuffed-with-cheese-blue-plate_114579-87603.jpg", imageAlt: "Savory Korean Cream Cheese Garlic Bun"},
]}
title="Signature Menu: Crafted to Perfection"
description="Indulge in our exquisite selection of artisan coffees and freshly baked delights. Each item is a masterpiece of flavor and presentation."
/>
</div>
<div id="coffee-journey" data-section="coffee-journey">
<FeatureCardTwentyFour
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "journey-1", title: "Sourcing the Finest Beans", author: "From Origin to Our Roastery", description: "We meticulously select single-origin beans from ethical farms globally, ensuring unparalleled quality and distinctive flavor profiles for every cup.", tags: [
"Ethical", "Global Sourcing"],
imageSrc: "http://img.b2bpic.net/free-photo/person-working-coffee-harvest_23-2151913321.jpg", imageAlt: "Raw coffee beans being harvested"},
{
id: "journey-2", title: "Artisan Roasting Process", author: "Crafted for Peak Flavor", description: "Our small-batch roasting highlights the unique characteristics of each bean, unlocking complex aromas and a perfect balance of taste and texture.", tags: [
"Small Batch", "Flavor Profile"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464808.jpg", imageAlt: "Coffee beans being roasted in a machine"},
{
id: "journey-3", title: "The Perfect Brew", author: "Master Barista's Touch", description: "Experience our baristas' expertise, from precise pour-overs to expertly frothed milk, ensuring every beverage is a masterpiece of craft and passion.", tags: [
"Barista Craft", "Precision Brewing"],
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg", imageAlt: "Barista preparing pour-over coffee"},
]}
title="The Coffeecup Journey"
description="Discover the intricate process from bean to cup, perfected by our master baristas. A true artisan experience awaits, showcasing our dedication to quality."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1", name: "Aditya Sharma", handle: "@AdityaS", testimonial: "The atmosphere at Coffeecup is simply magical! Every coffee tells a story, and the French Toast is out of this world. My new favorite spot!", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "Portrait of Aditya Sharma"},
{
id: "t2", name: "Priya Singh", handle: "@PriyaFoodie", testimonial: "Coffeecup & Bakehouse truly lives up to its name. The attention to detail in every dish and drink is astounding. A must-visit!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-table-with-cup-hand-laptop-home_574295-410.jpg", imageAlt: "Portrait of Priya Singh"},
{
id: "t3", name: "Rahul Kumar", handle: "@RahulK_cafe", testimonial: "From the moment you step in, you're transported. The coffee journey section on their website inspired me, and the real experience is even better!", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-using-mobile-phone-while-drinking-cup-coffee-together-coffee-shop-friends-concept_58466-16171.jpg", imageAlt: "Portrait of Rahul Kumar"},
{
id: "t4", name: "Sneha Gupta", handle: "@SnehaG_Art", testimonial: "The aesthetics, the taste, the service—everything at Coffeecup is premium. It's not just a cafe; it's an immersive experience for the senses.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", imageAlt: "Portrait of Sneha Gupta"},
{
id: "t5", name: "Vishal Reddy", handle: "@VishalR", testimonial: "Finally, a cafe that understands true quality. The blend of traditional baking and modern coffee techniques is simply perfect. Love it!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg", imageAlt: "Portrait of Vishal Reddy"},
]}
title="What Our Guests Are Saying"
description="Hear from our beloved patrons whove made Coffeecup their go-to spot for exceptional coffee and cherished moments. Their stories inspire us daily."
speed={50}
topMarqueeDirection="left"
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "g1", title: "Inviting Ambiance", author: "Interior Design", description: "Step into a space where modern luxury meets cozy comfort, perfectly designed for relaxation and conversation.", tags: [
"Cozy", "Luxury"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg", imageAlt: "Wide shot of a modern coffee shop interior with luxurious seating"},
{
id: "g2", title: "Artisan Craft", author: "Coffee & Latte Art", description: "Witness the meticulous craft behind every cup, from perfectly pulled espresso shots to exquisite latte art.", tags: [
"Craft", "Latte Art"],
imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-background-texture_1232-2031.jpg", imageAlt: "Close up of latte art with a heart design"},
{
id: "g3", title: "Baked Delights", author: "Fresh Pastries", description: "Indulge in our selection of freshly baked pastries and gourmet desserts, a feast for both the eyes and the palate.", tags: [
"Fresh", "Gourmet"],
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-whole-bread-wrapped-white-cloth_23-2148432296.jpg", imageAlt: "Display of freshly baked pastries and desserts"},
{
id: "g4", title: "Brewing Excellence", author: "Barista Skills", description: "Our skilled baristas use advanced techniques to ensure every brew highlights the distinct flavors of our premium beans.", tags: [
"Skilled", "Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187562.jpg", imageAlt: "Barista preparing filter coffee with precision"},
{
id: "g5", title: "Outdoor Serenity", author: "Al Fresco Dining", description: "Enjoy your coffee amidst lush greenery and refreshing air in our charming outdoor seating area.", tags: [
"Outdoor", "Relaxing"],
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-girl-drinks-coffee-sitting-near-coffee-shop-relaxing-after-riding-skateboard_613910-18845.jpg", imageAlt: "Cozy outdoor seating area of a cafe with green plants"},
{
id: "g6", title: "Evening Glow", author: "Night Ambiance", description: "Experience the enchanting evening ambiance, perfect for intimate conversations or a peaceful retreat.", tags: [
"Evening", "Romantic"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-with-smartphone_1321-388.jpg", imageAlt: "Interior night shot of the coffee shop with warm lighting"},
]}
title="A Glimpse Into Our World"
description="Explore the beauty of Coffeecup & Bakehouse through our curated gallery. Every image tells a story of warmth, flavor, and community, capturing the essence of our unique space."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
tag="Reserve Your Spot"
title="Experience Coffeecup Today"
description="Book a table for an unforgettable coffee and culinary journey. We look forward to welcoming you for a unique and memorable visit."
buttons={[
{
text: "Reserve Now", href: "https://www.zomato.com/hyderabad/katha-coffee-bakehouse-banjara-hills"},
{
text: "WhatsApp Us", href: "https://wa.me/916303572811"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Coffeecup & Bakehouse"
columns={[
{
title: "Explore", items: [
{
label: "Home", href: "#hero"},
{
label: "Menu", href: "#menu"},
{
label: "Experience", href: "#experience"},
{
label: "Coffee Journey", href: "#coffee-journey"},
],
},
{
title: "Connect", items: [
{
label: "Reviews", href: "#reviews"},
{
label: "Gallery", href: "#gallery"},
{
label: "Reserve", href: "#contact"},
{
label: "WhatsApp", href: "https://wa.me/916303572811"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
copyrightText="© 2024 Coffeecup & Bakehouse. All rights reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );