Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
@@ -115,17 +115,19 @@ export default function LandingPage() {
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Meet Our Visionaries"
-      tag="The Culinary Team"
-      membersAnimation="slide-up"
-      members={[
-        { id: "t1", name: "Chef Alessandro", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-male-chef-holding-green-organic-broccoli-his-hand_23-2147863621.jpg" },
-        { id: "t2", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12306.jpg" },
-        { id: "t3", name: "Marc Dubois", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-leaning-table_23-2148060479.jpg" },
+      <TeamCardEleven
+      title="The Kitchen Brigade"
+      description="The passionate team behind our culinary craft."
+      textboxLayout="split"
+      animationType="slide-up"
+      groups={[
+        { id: "g1", groupTitle: "Culinary Team", members: [
+            { id: "m1", title: "Chef Alessandro", subtitle: "Executive Head Chef", detail: "Mastering the art of modern Mediterranean cuisine for over 20 years.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-male-chef-holding-green-organic-broccoli-his-hand_23-2147863621.jpg" },
+            { id: "m2", title: "Elena Rossi", subtitle: "Sous Chef", detail: "Bringing precision and elegance to every plate we serve.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12306.jpg" },
+            { id: "m3", title: "Marc Dubois", subtitle: "Pastry Chef", detail: "Specializing in decadent dessert creations with artistic flair.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-leaning-table_23-2148060479.jpg" },
+        ] }
       ]}
-      memberVariant="card"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -145,19 +147,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactSplit
+      title="Reserve Your Table"
+      description="We look forward to hosting you for an unforgettable dining experience. Reach out to secure your spot."
+      tag="Contact Us"
       background={{ variant: "rotated-rays-static" }}
-      title="Join Our Newsletter"
-      description="Stay updated with seasonal menu specials and exclusive event invitations."
-      tag="Stay Connected"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
       logoText="Lumière Bistro"
-      copyrightText="© 2025 | Lumière Bistro Inc."
+      columns={[
+        { title: "Location", items: [{ label: "123 Gourmet Ave, City Center", href: "#" }] },
+        { title: "Hours", items: [{ label: "Tue-Sun: 5pm - 11pm", href: "#" }] },
+        { title: "Policy", items: [{ label: "Reservations", href: "#" }, { label: "Careers", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);