Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -51,14 +51,14 @@ export default function LandingPage() {
                 text: "Reserve a Table",                href: "#contact"},
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
-            imageAlt="Luxurious fine dining atmosphere"
+            imageAlt="Luxurious fine dining table setting with gold accents"
             mediaAnimation="slide-up"
             avatars={[
-              { src: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", alt: "Chef one" },
+              { src: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", alt: "Professional Chef plating food" },
-              { src: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg", alt: "Chef two" },
+              { src: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg", alt: "Gourmet meat stew dish" },
-              { src: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg", alt: "Chef three" },
+              { src: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg", alt: "Artisanal poultry dish" },
-              { src: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg", alt: "Chef four" },
+              { src: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg", alt: "Decadent dessert slice" },
-              { src: "http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg", alt: "Chef five" },
+              { src: "http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg", alt: "Celebratory champagne glasses" },
             ]}
             avatarText="Join 5,000+ satisfied guests"
             marqueeItems={[
@@ -77,6 +77,7 @@ export default function LandingPage() {
             title="Heritage & Elegance"
             description="Le Cirque represents the pinnacle of fine dining, blending the delicate flavors of the French coast with the robust, soul-warming spirit of Italian cuisine. Every dish is a testament to our commitment to luxury and heritage."
             imageSrc="http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg"
+            imageAlt="Chef preparing refined cuisine in our open kitchen"
           />
         </div>
 
@@ -87,9 +88,9 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-              { id: "1", name: "Starter Selection", price: "Featured", variant: "Fresh Seasonal Herbs", imageSrc: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg" },
+              { id: "1", name: "Starter Selection", price: "Featured", variant: "Fresh Seasonal Herbs", imageSrc: "http://img.b2bpic.net/free-photo/plate-meat-stew-with-vegetables_140725-4910.jpg", imageAlt: "Gourmet seasonal starter selection" },
-              { id: "2", name: "Main Course", price: "Signature", variant: "Franco-Italian Blend", imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg" },
+              { id: "2", name: "Main Course", price: "Signature", variant: "Franco-Italian Blend", imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg", imageAlt: "Chef's signature Franco-Italian main course" },
-              { id: "3", name: "Wine Pairing", price: "Sommelier", variant: "Exclusive Cellar", imageSrc: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg" },
+              { id: "3", name: "Wine Pairing", price: "Sommelier", variant: "Exclusive Cellar", imageSrc: "http://img.b2bpic.net/free-photo/slices-delicious-cake-front-view_23-2148395146.jpg", imageAlt: "Expertly paired fine dining dessert" },
             ]}
             title="Our Signature Selections"
             description="From handcrafted starters to exquisite main courses and decadent desserts, explore our refined menu."
@@ -110,6 +111,7 @@ export default function LandingPage() {
               { id: "3", title: "Private Dining", content: "Exclusive atmosphere for your most special occasions." },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/champagne-sparkles-crystal-glasses_8353-24.jpg"
+            imageAlt="Elegant dining setting with crystal glassware"
             mediaAnimation="slide-up"
           />
         </div>
@@ -122,13 +124,15 @@ export default function LandingPage() {
             title="Book Your Experience"
             description="Reserve your table today for an evening of luxury."
             imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
+            imageAlt="Intimate fine dining table setup for reservations"
             mediaAnimation="slide-up"
             buttonText="Book Now"
           />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterBaseReveal
+            <FooterBaseCard
+            logoText="Le Cirque"
             columns={[
               {
                 title: "Menu",                items: [
@@ -152,7 +156,8 @@ export default function LandingPage() {
                 ],
               },
             ]}
-            copyrightText="© 2024 Le Cirque. All rights reserved."
+            copyrightText="© 2025 Le Cirque. All rights reserved. Elegant fine dining."
+            ariaLabel="Site footer for Le Cirque"
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -11,13 +11,13 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #171717;
+  --card: #1a1a1a;
   --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #000000;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f5f5f5;
-  --accent: #333333;
+  --accent: #c5a059;
   --background-accent: #2b2b2b;
 
   /* text sizing - set by ThemeProvider */