Update src/app/page.tsx

Update src/app/styles/variables.css
2026-03-11 21:43:59 +00:00 · 2026-03-11 21:43:34 +00:00 · 2026-03-11 21:43:34 +00:00 · 2026-03-11 21:35:46 +00:00 · 2026-03-11 21:35:21 +00:00 · 2026-03-11 21:34:34 +00:00
2 changed files with 65 additions and 60 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,24 +9,25 @@ 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";
 export default function LandingPage() {
  return (
    <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">
        <NavbarStyleApple
-          brandName="RE: COFFEE"
+          brandName="French Connection Café"
          navItems={[
            { name: "Story", id: "story" },
            { name: "Experience", id: "experience" },
@@ -39,115 +40,118 @@ export default function LandingPage() {
      <div id="hero" data-section="hero">
        <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={[
-            { text: "Visit RE: COFFEE", href: "#visit" },
+            { text: "Reserve Your Table", href: "#visit" },
            { text: "Explore the Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          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"
          frameStyle="card"
-          ariaLabel="RE: COFFEE hero section - premium matcha coffee bar"
+          ariaLabel="French Connection Café hero section - premium Parisian café experience"
        />
      </div>
      <div id="story" data-section="story">
        <TextSplitAbout
-          title="Built around standout drinks, premium ingredients, and repeat-worthy cravings."
+          title="Café de la Connexion: Where Parisian Heritage Meets Contemporary Refinement"
          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}
          useInvertedBackground={false}
          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 id="experience" data-section="experience">
        <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"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              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,
-              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,
-              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 id="menu" data-section="menu">
        <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"
          tagIcon={Coffee}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          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 id="reviews" data-section="reviews">
        <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"
          useInvertedBackground={false}
          animationType="slide-up"
          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"
@@ -157,20 +161,21 @@ export default function LandingPage() {
      <div id="visit" data-section="visit">
        <ContactCenter
          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" }}
          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 id="footer" data-section="footer">
        <FooterLogoEmphasis
-          logoText="RE: COFFEE"
+          logoText="French Connection Café"
          columns={[
            {
              items: [
@@ -189,12 +194,12 @@ export default function LandingPage() {
            {
              items: [
                { 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>
    </ThemeProvider>
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --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;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #f5f1eb;
  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
+  --accent: #d4a574;
-  --background-accent: #afa094;
+  --background-accent: #c9956b;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	00bf7e994c	Update src/app/page.tsx	2026-03-11 21:43:59 +00:00
bender	fb60a6b596	Update src/app/styles/variables.css	2026-03-11 21:43:34 +00:00
bender	37fc9853f5	Update src/app/page.tsx	2026-03-11 21:43:34 +00:00
bender	c23bfd9f33	Merge version_1 into main Merge version_1 into main	2026-03-11 21:35:46 +00:00
bender	3b9a0766ee	Merge version_1 into main Merge version_1 into main	2026-03-11 21:35:21 +00:00
bender	eabfef7997	Merge version_1 into main Merge version_1 into main	2026-03-11 21:34:34 +00:00