|
|
|
|
@@ -9,7 +9,7 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
|
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
|
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
|
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
|
|
|
import { Coffee, Sparkles, Heart, Users } from "lucide-react";
|
|
|
|
|
import { Coffee, Sparkles, Heart, Users, Clock, MapPin } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -27,7 +27,7 @@ export default function LandingPage() {
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="French Connection Café"
|
|
|
|
|
brandName="Bobby's Coffee Shop"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Story", id: "story" },
|
|
|
|
|
{ name: "Experience", id: "experience" },
|
|
|
|
|
@@ -40,41 +40,41 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogoBillboard
|
|
|
|
|
logoText="French Connection Café"
|
|
|
|
|
description="Parisian luxury meets modern hospitality. Discover an intimate café experience where premium French pastries, artisanal coffee, and refined elegance converge. A destination for those who appreciate the art of living well."
|
|
|
|
|
logoText="Bobby's Coffee Shop"
|
|
|
|
|
description="Authentic American diner nostalgia meets premium coffee culture. Step into our 1950s-inspired sanctuary where generous portions, friendly service, and exceptional coffee converge. Where every visit feels like coming home to something timeless and luxurious."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Reserve Your Table", href: "#visit" },
|
|
|
|
|
{ text: "Explore the Menu", href: "#menu" }
|
|
|
|
|
{ text: "Reserve Your Booth", href: "#visit" },
|
|
|
|
|
{ text: "See Our Menu", href: "#menu" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=1200&q=80"
|
|
|
|
|
imageAlt="Luxurious French café ambiance with elegant seating"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=1200&q=80"
|
|
|
|
|
imageAlt="Classic American diner interior with red booths and chrome accents"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
frameStyle="card"
|
|
|
|
|
ariaLabel="French Connection Café hero section - premium Parisian café experience"
|
|
|
|
|
ariaLabel="Bobby's Coffee Shop hero section - premium American diner experience"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="story" data-section="story">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="Café de la Connexion: Where Parisian Heritage Meets Contemporary Refinement"
|
|
|
|
|
title="Where Retro Charm Meets Premium Hospitality"
|
|
|
|
|
description={[
|
|
|
|
|
"French Connection Café is more than a café—it is a sanctuary of sophistication. Born from a reverence for Parisian café culture and a commitment to uncompromising quality, every element is curated to create moments worth savoring.", "The design language is opulent yet intimate: rich mahogany and brass accents, soft amber lighting, vintage marble countertops, and an intentional quietude that invites conversation and contemplation. Every visit is an experience in refined hospitality."
|
|
|
|
|
"Bobby's Coffee Shop is a celebration of authentic American diner culture—lovingly restored to honor the golden age of the 1950s and 1960s while delivering contemporary quality and hospitality excellence.", "Every detail tells a story: sun-faded red vinyl booths, gleaming chrome accents, marble countertops, checkered floors, and warm ambient lighting that transports you back in time. This is not mere nostalgia; it is a commitment to creating a gathering place where generosity of spirit, quality ingredients, and exceptional service define every moment."
|
|
|
|
|
]}
|
|
|
|
|
showBorder={false}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Discover Our Heritage", href: "#story" }
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="French Connection Café brand story and heritage"
|
|
|
|
|
ariaLabel="Bobby's Coffee Shop brand story and heritage"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="experience" data-section="experience">
|
|
|
|
|
<FeatureCardSix
|
|
|
|
|
title="The French Connection Experience"
|
|
|
|
|
description="Our guests celebrate what makes this café extraordinary: uncompromising quality, meticulous attention to detail, and a hospitality that honors the French tradition of taking time to enjoy life's finest moments."
|
|
|
|
|
title="The Bobby's Experience"
|
|
|
|
|
description="What makes Bobby's legendary: genuine hospitality, no-nonsense quality, generous portions that honor American diner tradition, and a commitment to making every guest feel like family. This is where nostalgia becomes premium."
|
|
|
|
|
tag="Experience"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -82,25 +82,25 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Artisanal Coffee & Espresso Program", description: "Single-origin, small-batch roasted coffees sourced from prestigious French and European roasters. Each cup is a masterclass in flavor, pulled with precision and served with reverence.", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=800&q=80", imageAlt: "Artisanal espresso being prepared with precision"
|
|
|
|
|
title: "Exceptional Coffee & Espresso", description: "Premium American and specialty coffee served with care. From classic drip coffee to contemporary espresso drinks, each cup reflects our commitment to quality and consistency.", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=800&q=80", imageAlt: "Expert barista pouring espresso with precision"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Viennoiserie & French Pastry Selection", description: "Fresh croissants, pain au chocolat, macarons, and seasonal patisserie crafted daily by award-winning pastry chefs. Each bite embodies the precision and elegance of French pastry tradition.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=800&q=80", imageAlt: "Exquisite French pastries and viennoiserie display"
|
|
|
|
|
title: "Signature Breakfast All Day", description: "Generous, made-to-order breakfast featuring our famous French toast with challah bread, Eggs Benedict with house hollandaise, and classic diner favorites prepared with premium ingredients and authentic technique.", imageSrc: "https://images.unsplash.com/photo-1455619452474-d2be8b1e4e31?w=800&q=80", imageAlt: "Golden French toast with butter and maple syrup on a classic diner plate"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Refined Hospitality & Ambiance", description: "A thoughtfully designed interior that honors Parisian café tradition while embracing contemporary luxury. Warm lighting, intimate seating, and attentive service create a space where time moves differently.", imageSrc: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&q=80", imageAlt: "Elegant café interior with Parisian charm and luxury ambiance"
|
|
|
|
|
title: "Warm Hospitality & Ambiance", description: "A thoughtfully preserved 1950s-60s diner environment with authentic decor, attentive service, and an unwavering commitment to making guests feel welcomed, valued, and cared for—just like family.", imageSrc: "https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=800&q=80", imageAlt: "Charming retro diner interior with red booths and nostalgic ambiance"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="Experience highlights featuring artisanal coffee, pastries, and hospitality"
|
|
|
|
|
ariaLabel="Experience highlights featuring exceptional coffee, breakfast, and hospitality"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
title="Signature Creations"
|
|
|
|
|
description="Our curated menu celebrates French café tradition with modern sophistication. From our signature Café de Paris to handcrafted seasonal specialties, each offering is an invitation to indulge."
|
|
|
|
|
title="Signature Menu Highlights"
|
|
|
|
|
description="Our curated selection celebrates American diner tradition with a focus on quality ingredients, generous portions, and time-honored preparation. These are the dishes our guests return for."
|
|
|
|
|
tag="Menu"
|
|
|
|
|
tagIcon={Coffee}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -109,49 +109,49 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "cafe-de-paris", name: "Café de Paris", price: "€6.50", variant: "Signature · Double espresso with Madagascar vanilla cream", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=600&q=80", imageAlt: "Café de Paris signature coffee creation"
|
|
|
|
|
id: "french-toast", name: "Bobby's Famous French Toast", price: "$14.95", variant: "Signature · Thick-cut challah, Madagascar vanilla, maple butter", imageSrc: "https://images.unsplash.com/photo-1455619452474-d2be8b1e4e31?w=600&q=80", imageAlt: "Golden French toast with powdered sugar and berries"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "cafe-crème", name: "Café Crème", price: "€5.75", variant: "Classic · Traditional long espresso with fresh cream", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80", imageAlt: "Traditional Café Crème with fresh cream"
|
|
|
|
|
id: "eggs-benedict", name: "Classic Eggs Benedict", price: "$13.50", variant: "Premium · House hollandaise, Canadian bacon, English muffin", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=600&q=80", imageAlt: "Perfectly poached eggs with silky hollandaise sauce"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "chocolat-chaud", name: "Chocolat Chaud Luxe", price: "€6.00", variant: "Seasonal · Belgian dark chocolate with luxury whipped cream", imageSrc: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=600&q=80", imageAlt: "Premium hot chocolate with whipped cream"
|
|
|
|
|
id: "coffee-americano", name: "Bobby's Americano", price: "$4.50", variant: "Classic · Double espresso, hot water, premium crema", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80", imageAlt: "Classic Americano in a vintage diner mug"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "matcha-latte-french", name: "Matcha Latté Parisien", price: "€7.00", variant: "Modern Classic · Premium matcha with French vanilla oat milk", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=600&q=80", imageAlt: "Contemporary Matcha Latté with French refinement"
|
|
|
|
|
id: "milkshake", name: "Old-Fashioned Milkshake", price: "$6.95", variant: "Nostalgic · Vanilla, chocolate, or strawberry with whipped cream", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=600&q=80", imageAlt: "Creamy milkshake topped with whipped cream and a cherry"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="Signature menu offerings and specialty beverages"
|
|
|
|
|
ariaLabel="Signature menu offerings featuring French toast, Eggs Benedict, and specialty coffee"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
|
|
|
<TestimonialCardSix
|
|
|
|
|
title="Guest Testimonials"
|
|
|
|
|
description="What our guests say about their experience at French Connection Café—a reflection of our commitment to luxury, quality, and unforgettable hospitality."
|
|
|
|
|
tag="Trusted Experience"
|
|
|
|
|
title="What Our Guests Love"
|
|
|
|
|
description="Authentic praise from those who experience Bobby's Coffee Shop—a reflection of our commitment to quality, generosity, and genuine hospitality."
|
|
|
|
|
tag="Guest Stories"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Margot Leclerc", handle: "@parisgourmet", testimonial: "A true sanctuary in the city. The Café de Paris is simply exceptional—each element, from the coffee to the pastries to the service, speaks to an unwavering commitment to excellence.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", imageAlt: "Guest testimonial - Margot Leclerc"
|
|
|
|
|
id: "1", name: "Sarah Mitchell", handle: "@cafe_lover_2024", testimonial: "This place is pure magic. The French toast is life-changing, the coffee is consistently excellent, and the staff treats you like family. This is what a diner should be.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", imageAlt: "Guest testimonial - Sarah Mitchell"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Laurent Dumont", handle: "@luxecafe_lover", testimonial: "This is what café culture should be. Parisian elegance, impeccable service, and coffee that rivals the finest establishments in Paris itself. A destination worth traveling for.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=1", imageAlt: "Guest testimonial - Laurent Dumont"
|
|
|
|
|
id: "2", name: "Michael Chen", handle: "@breakfast_seeker", testimonial: "The Eggs Benedict rivals the best I've had anywhere. The attention to detail, quality ingredients, and genuine warmth of the staff make this more than just breakfast—it's an experience.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=1", imageAlt: "Guest testimonial - Michael Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Isabelle Rousseau", handle: "@designconnoisseur", testimonial: "Every detail is intentional and exquisite. From the ambient lighting to the curated pastry selection, this café understands that luxury is in the refinement. Simply magnificent.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", imageAlt: "Guest testimonial - Isabelle Rousseau"
|
|
|
|
|
id: "3", name: "Jennifer Rodriguez", handle: "@diner_nostalgia", testimonial: "Finally, a diner that honors the classics while delivering premium quality. The retro atmosphere is authentic, the portions are generous, and every visit feels like coming home.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", imageAlt: "Guest testimonial - Jennifer Rodriguez"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Jean-Pierre Benoit", handle: "@parisiancafe", testimonial: "A place that honors café tradition while embracing modern sophistication. The hospitality is genuine, the ambiance is perfect, and every visit feels like a small escape to Paris.", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&q=80", imageAlt: "Guest testimonial - Jean-Pierre Benoit"
|
|
|
|
|
id: "4", name: "David Thompson", handle: "@coffee_connoisseur", testimonial: "The coffee here is exceptional. Bobby's gets it right—respect for the tradition of the American diner combined with genuine commitment to quality. A rare find.", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&q=80", imageAlt: "Guest testimonial - David Thompson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Sophie Renaud", handle: "@theartofliving", testimonial: "This is luxury redefined. Not ostentatious, but rather an elegant expression of quality and care. The attention to detail is remarkable, and the coffee? Absolutely divine.", imageSrc: "https://images.unsplash.com/photo-1544078751-58fee2d8a03b?w=150&q=80", imageAlt: "Guest testimonial - Sophie Renaud"
|
|
|
|
|
id: "5", name: "Amanda Foster", handle: "@weekend_breakfast", testimonial: "The hospitality here is unmatched. Staff remembers your name, your order, and genuinely cares. Plus, the food is incredible. This is my happy place.", imageSrc: "https://images.unsplash.com/photo-1544078751-58fee2d8a03b?w=150&q=80", imageAlt: "Guest testimonial - Amanda Foster"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Antoine Deschamps", handle: "@cafeculturefan", testimonial: "A café that understands the importance of creating moments, not just serving coffee. The precision, the elegance, the warmth—this is French café culture at its finest.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=2", imageAlt: "Guest testimonial - Antoine Deschamps"
|
|
|
|
|
id: "6", name: "Robert Martinez", handle: "@american_diner_fan", testimonial: "A beautifully executed tribute to golden-age diner culture, but with modern quality standards. The vintage aesthetic is authentic, the service is warm, and the food is genuinely excellent.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=2", imageAlt: "Guest testimonial - Robert Martinez"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="Customer testimonials and reviews"
|
|
|
|
|
@@ -161,21 +161,21 @@ export default function LandingPage() {
|
|
|
|
|
<div id="visit" data-section="visit">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Visit Us"
|
|
|
|
|
title="Reserve Your Experience at French Connection Café"
|
|
|
|
|
description="Step into a world of Parisian elegance and refined hospitality. Reserve your table to experience the finest in French café culture, artisanal coffee, and luxury pastry craftsmanship."
|
|
|
|
|
title="Reserve Your Booth at Bobby's Coffee Shop"
|
|
|
|
|
description="Join us for exceptional coffee, generous portions, and warm hospitality in an authentically preserved American diner. We're open daily and ready to welcome you."
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
inputPlaceholder="Enter your email for reservations"
|
|
|
|
|
buttonText="Request a Reservation"
|
|
|
|
|
termsText="Join our community of café enthusiasts. We respect your privacy and will only use your information for reservation confirmations and exclusive café experiences."
|
|
|
|
|
termsText="Join our community of diner enthusiasts. We respect your privacy and will only use your information for reservation confirmations and special offers."
|
|
|
|
|
ariaLabel="Reservation and visit information"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="French Connection Café"
|
|
|
|
|
logoText="Bobby's Coffee Shop"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
@@ -194,12 +194,12 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
|
|
|
{ label: "Email", href: "mailto:hello@frenchconnectioncafe.com" }
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
|
|
|
{ label: "Email", href: "mailto:hello@bobbyscoffeeshop.com" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="French Connection Café footer navigation"
|
|
|
|
|
ariaLabel="Bobby's Coffee Shop footer navigation"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
