6 Commits

Author SHA1 Message Date
00bf7e994c Update src/app/page.tsx 2026-03-11 21:43:59 +00:00
fb60a6b596 Update src/app/styles/variables.css 2026-03-11 21:43:34 +00:00
37fc9853f5 Update src/app/page.tsx 2026-03-11 21:43:34 +00:00
c23bfd9f33 Merge version_1 into main
Merge version_1 into main
2026-03-11 21:35:46 +00:00
3b9a0766ee Merge version_1 into main
Merge version_1 into main
2026-03-11 21:35:21 +00:00
eabfef7997 Merge version_1 into main
Merge version_1 into main
2026-03-11 21:34:34 +00:00
2 changed files with 65 additions and 60 deletions

View File

@@ -9,24 +9,25 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactCenter from "@/components/sections/contact/ContactCenter"; import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Coffee, Sparkles, Heart, Users } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="rounded"
contentWidth="compact" contentWidth="medium"
sizing="mediumLargeSizeLargeTitles" sizing="largeSizeMediumTitles"
background="circleGradient" background="none"
cardStyle="layered-gradient" cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
headingFontWeight="extrabold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
brandName="RE: COFFEE" brandName="French Connection Café"
navItems={[ navItems={[
{ name: "Story", id: "story" }, { name: "Story", id: "story" },
{ name: "Experience", id: "experience" }, { name: "Experience", id: "experience" },
@@ -39,115 +40,118 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
logoText="RE: COFFEE" logoText="French Connection Café"
description="A matcha-forward coffee bar built around unforgettable signature drinks—especially the pistachio matcha and creamy matcha creations—paired with exceptional service and a design-led experience that feels intentional and worth returning to." 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."
buttons={[ buttons={[
{ text: "Visit RE: COFFEE", href: "#visit" }, { text: "Reserve Your Table", href: "#visit" },
{ text: "Explore the Menu", href: "#menu" } { text: "Explore the Menu", href: "#menu" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23333.jpg?_wi=1" imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=1200&q=80"
imageAlt="Premium pistachio matcha drink showcase" imageAlt="Luxurious French café ambiance with elegant seating"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
frameStyle="card" frameStyle="card"
ariaLabel="RE: COFFEE hero section - premium matcha coffee bar" ariaLabel="French Connection Café hero section - premium Parisian café experience"
/> />
</div> </div>
<div id="story" data-section="story"> <div id="story" data-section="story">
<TextSplitAbout <TextSplitAbout
title="Built around standout drinks, premium ingredients, and repeat-worthy cravings." title="Café de la Connexion: Where Parisian Heritage Meets Contemporary Refinement"
description={[ description={[
"RE: COFFEE is more than a neighborhood coffee stop. It is a destination brand built around drinks people talk about—especially its pistachio matcha, creamy matcha creations, and polished coffee program.", "The brand language is sophisticated yet current: deep espresso tones, muted pistachio accents, creamy neutrals, and editorial copy that positions the shop as both premium and desirable." "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."
]} ]}
showBorder={false} showBorder={false}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Learn Our Story", href: "#visit" } { text: "Discover Our Heritage", href: "#story" }
]} ]}
ariaLabel="About RE: COFFEE brand story" ariaLabel="French Connection Café brand story and heritage"
/> />
</div> </div>
<div id="experience" data-section="experience"> <div id="experience" data-section="experience">
<FeatureCardSix <FeatureCardSix
title="What customers already love." title="The French Connection Experience"
description="The reviews point to a clear positioning: exceptional matcha, memorable signature drinks, kind staff, and a premium feel that customers notice immediately." 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."
tag="Experience" tag="Experience"
tagIcon={Sparkles}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: 1, id: 1,
title: "Signature Matcha Craft", description: "Known for standout drinks like the pistachio matcha, strawberry matcha, and matcha einspanner—layered, flavorful, and never overly sweet.", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23324.jpg?_wi=1", imageAlt: "Signature pistachio matcha drink detail" 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"
}, },
{ {
id: 2, id: 2,
title: "Premium That Feels Worth It", description: "Guests note the pricing is elevated, but the quality, ingredient standards, and generous pours make the experience feel intentional and special.", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23338.jpg?_wi=1", imageAlt: "Premium matcha einspanner specialty drink" 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"
}, },
{ {
id: 3, id: 3,
title: "Warm, Energetic Hospitality", description: "Kind, helpful team members and a lively, social atmosphere create a place that feels buzzy, current, and worth recommending.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5738.jpg", imageAlt: "Warm cafe ambiance welcoming atmosphere" 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"
} }
]} ]}
ariaLabel="Experience highlights featuring signature drinks and hospitality" ariaLabel="Experience highlights featuring artisanal coffee, pastries, and hospitality"
/> />
</div> </div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardFour
title="Signature drinks people talk about." title="Signature Creations"
description="The menu should lead with the products generating the most word-of-mouth: pistachio matcha, matcha einspanner, strawberry matcha, caramel lattes, and elevated seasonal specials." 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."
tag="Menu" tag="Menu"
tagIcon={Coffee}
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "pistachio-matcha", name: "Pistachio Matcha", price: "$8.50", variant: "Cult favorite · Signature drink", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23324.jpg?_wi=2", imageAlt: "Pistachio matcha specialty drink" 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: "matcha-einspanner", name: "Matcha Einspanner", price: "$9.00", variant: "Rich & creamy · Layered perfection", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23338.jpg?_wi=2", imageAlt: "Matcha einspanner with whipped cream" 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: "strawberry-matcha", name: "Strawberry Matcha", price: "$8.75", variant: "Seasonal · Refreshing blend", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23333.jpg?_wi=2", imageAlt: "Strawberry matcha beverage" 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: "caramel-latte", name: "Caramel Latte", price: "$7.50", variant: "Classic · Premium espresso", imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-mug-with-coffee_209848-35.jpg", imageAlt: "Caramel latte coffee" 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"
} }
]} ]}
ariaLabel="Signature menu offerings and specialty drinks" ariaLabel="Signature menu offerings and specialty beverages"
/> />
</div> </div>
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews">
<TestimonialCardSix <TestimonialCardSix
title="Proof that the product leads the brand." title="Guest Testimonials"
description="These testimonials reinforce the clearest strengths: memorable matcha, craveable pistachio drinks, strong quality perception, and a welcoming front-of-house experience." description="What our guests say about their experience at French Connection Café—a reflection of our commitment to luxury, quality, and unforgettable hospitality."
tag="Customer love" tag="Trusted Experience"
tagIcon={Heart}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Customer Favorite", handle: "@reCoffeeLover", testimonial: "The pistachio matcha is a must. Generous, beautifully made, and one of the drinks people go out of their way to come back for.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg?_wi=1", imageAlt: "Customer testimonial avatar" 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: "2", name: "Matcha Enthusiast", handle: "@matchaAddict", testimonial: "The matcha einspanner is rich, thick, smooth, and deeply satisfying—the kind of drink that turns first-time visitors into regulars.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg?_wi=1", imageAlt: "Matcha lover testimonial" 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: "3", name: "Design Conscious", handle: "@designMinded", testimonial: "Customers consistently praise the quality, the creativity, and the kind staff behind the counter. Every detail feels intentional.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Design-focused customer testimonial" 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: "4", name: "Community Regular", handle: "@localLove", testimonial: "RE: COFFEE feels like a destination where hospitality and exceptional craft come together. A place I genuinely want to return to.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageAlt: "Community regular testimonial" 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: "5", name: "Premium Seeker", handle: "@coffeeConnoisseur", testimonial: "The attention to detail in every drink preparation is remarkable. Premium ingredients, generous portions, and genuine care in the service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg?_wi=2", imageAlt: "Premium coffee connoisseur testimonial" 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: "6", name: "Social Enthusiast", handle: "@cafeAdventurer", testimonial: "A buzzy, current atmosphere where you can feel the energy. The kind of place that becomes a favorite meeting spot immediately.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg?_wi=2", imageAlt: "Social atmosphere testimonial" 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"
} }
]} ]}
ariaLabel="Customer testimonials and reviews" ariaLabel="Customer testimonials and reviews"
@@ -157,20 +161,21 @@ export default function LandingPage() {
<div id="visit" data-section="visit"> <div id="visit" data-section="visit">
<ContactCenter <ContactCenter
tag="Visit Us" tag="Visit Us"
title="Visit for the drink everyone talks about." title="Reserve Your Experience at French Connection Café"
description="Position the location as a destination for coffee and matcha lovers—a place people stop into for a premium drink experience, quick catch-up, or stylish midday reset." 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."
tagIcon={Users}
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
inputPlaceholder="Enter your email" inputPlaceholder="Enter your email for reservations"
buttonText="Reserve a Table" buttonText="Request a Reservation"
termsText="Join our community of matcha and coffee lovers. We respect your privacy." termsText="Join our community of café enthusiasts. We respect your privacy and will only use your information for reservation confirmations and exclusive café experiences."
ariaLabel="Contact and reservation section" ariaLabel="Reservation and visit information"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
logoText="RE: COFFEE" logoText="French Connection Café"
columns={[ columns={[
{ {
items: [ items: [
@@ -189,12 +194,12 @@ export default function LandingPage() {
{ {
items: [ items: [
{ label: "Instagram", href: "https://instagram.com" }, { label: "Instagram", href: "https://instagram.com" },
{ label: "Twitter", href: "https://twitter.com" }, { label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Email", href: "mailto:hello@recoffee.com" } { label: "Email", href: "mailto:hello@frenchconnectioncafe.com" }
] ]
} }
]} ]}
ariaLabel="RE: COFFEE footer navigation" ariaLabel="French Connection Café footer navigation"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f6f0e8; --background: #faf8f4;
--card: #efe7dd; --card: #f5f1eb;
--foreground: #2b180a; --foreground: #1a1410;
--primary-cta: #2b180a; --primary-cta: #8b4513;
--primary-cta-text: #f6f0e8; --primary-cta-text: #f6f0e8;
--secondary-cta: #efe7dd; --secondary-cta: #f5f1eb;
--secondary-cta-text: #2b180a; --secondary-cta-text: #2b180a;
--accent: #94877c; --accent: #d4a574;
--background-accent: #afa094; --background-accent: #c9956b;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);