Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-06-12 08:26:06 +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';
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 (
<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"
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"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#hero"},
{
name: "Menu", id: "#menu"},
{
name: "Experience", id: "#experience"},
{
name: "Journey", id: "#coffee-journey"},
{
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="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="hero" data-section="hero">
<HeroBillboardGallery
background={{
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."
buttons={[
{
text: "Explore Menu", href: "#menu"},
{
text: "Reserve a Table", href: "#contact"},
]}
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/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/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="hero" data-section="hero">
<HeroBillboardGallery
background={{
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."
buttons={[
{ text: "Explore Menu", href: "/menu" },
{ text: "Reserve a Table", href: "/contact" }
]}
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/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/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">
<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="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>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Coffeecup & Bakehouse"
columns={globalFooterColumns}
copyrightText="© 2024 Coffeecup & Bakehouse. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);