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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -22,32 +22,17 @@ export default function LandingPage() {
         cardStyle="outline"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Reviews", id: "#reviews" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Chef Artisan"
     />
@@ -56,99 +41,25 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Bespoke Culinary Experiences"
       description="Exquisite private dining, meticulously curated for your most special occasions. From intimate dinners to celebratory events, experience the art of professional hospitality in the comfort of your home."
       testimonials={[
-        {
-          name: "Alice Johnson",
-          handle: "@alicej",
-          testimonial: "An incredible experience. Every course was a masterpiece of flavor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-cook-wearing-uniform-holding-pan-restaurant-s-kitchen_613910-20990.jpg?_wi=1",
-          imageAlt: "private chef gourmet plating kitchen",
-        },
-        {
-          name: "Mark Stevens",
-          handle: "@mstevens",
-          testimonial: "Chef made our anniversary truly unforgettable. Exceptional service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bangers-mash-food-photography-recipe-idea_53876-25019.jpg?_wi=1",
-          imageAlt: "chef portrait professional kitchen",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@elenar",
-          testimonial: "The attention to detail was unmatched. We will definitely book again.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-drumstick-fresh-vegetables_114579-48695.jpg?_wi=1",
-          imageAlt: "fresh gourmet ingredients table",
-        },
-        {
-          name: "Thomas Wright",
-          handle: "@twright",
-          testimonial: "Professional, creative, and delicious. Highly recommended for any event.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg?_wi=1",
-          imageAlt: "fine dining table setting",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@sarahm",
-          testimonial: "The best private chef experience we have ever had. Simply stunning.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865296.jpg?_wi=1",
-          imageAlt: "bespoke menu planning notebook",
-        },
+        { name: "Alice Johnson", handle: "@alicej", testimonial: "An incredible experience. Every course was a masterpiece of flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-cook-wearing-uniform-holding-pan-restaurant-s-kitchen_613910-20990.jpg?_wi=1", imageAlt: "private chef gourmet plating kitchen" },
+        { name: "Mark Stevens", handle: "@mstevens", testimonial: "Chef made our anniversary truly unforgettable. Exceptional service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bangers-mash-food-photography-recipe-idea_53876-25019.jpg?_wi=1", imageAlt: "chef portrait professional kitchen" },
+        { name: "Elena Rodriguez", handle: "@elenar", testimonial: "The attention to detail was unmatched. We will definitely book again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-drumstick-fresh-vegetables_114579-48695.jpg?_wi=1", imageAlt: "fresh gourmet ingredients table" },
+        { name: "Thomas Wright", handle: "@twright", testimonial: "Professional, creative, and delicious. Highly recommended for any event.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg?_wi=1", imageAlt: "fine dining table setting" },
+        { name: "Sarah Miller", handle: "@sarahm", testimonial: "The best private chef experience we have ever had. Simply stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865296.jpg?_wi=1", imageAlt: "bespoke menu planning notebook" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-middle-age-cook-wearing-uniform-holding-pan-restaurant-s-kitchen_613910-20990.jpg?_wi=2"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-couple-with-snacks-standing-buffet_1262-1980.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-couple-with-snacks-standing-buffet_1262-1980.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 100+ diners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Quality",
-        },
-        {
-          type: "text",
-          text: "Seasonal Ingredients",
-        },
-        {
-          type: "text",
-          text: "Personalized Menu",
-        },
-        {
-          type: "text",
-          text: "Professional Service",
-        },
-        {
-          type: "text",
-          text: "Artisan Craft",
-        },
-      ]}
     />
   </div>
 
@@ -168,21 +79,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Bespoke Menu Design",
-          description: "Custom menus based on your dietary preferences and flavor profiles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-drumstick-fresh-vegetables_114579-48695.jpg?_wi=2",
-        },
-        {
-          title: "Fine Dining Plating",
-          description: "Professional presentation that brings restaurant-quality plating to your home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg?_wi=2",
-        },
-        {
-          title: "In-Home Catering",
-          description: "Full-service catering management for small and medium-sized dinner parties.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865296.jpg?_wi=2",
-        },
+        { title: "Bespoke Menu Design", description: "Custom menus based on your dietary preferences and flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-drumstick-fresh-vegetables_114579-48695.jpg?_wi=2" },
+        { title: "Fine Dining Plating", description: "Professional presentation that brings restaurant-quality plating to your home.", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg?_wi=2" },
+        { title: "In-Home Catering", description: "Full-service catering management for small and medium-sized dinner parties.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865296.jpg?_wi=2" },
       ]}
       title="Tailored Dining Services"
       description="We offer personalized culinary services designed to match your specific event requirements."
@@ -195,41 +94,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice Johnson",
-          handle: "@alicej",
-          testimonial: "Truly a masterful experience from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Stevens",
-          handle: "@mstevens",
-          testimonial: "Chef exceeded all our expectations for the wedding rehearsal.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          handle: "@elenar",
-          testimonial: "Professional, clean, and absolutely delicious food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-with-snacks-standing-buffet_1262-1980.jpg",
-        },
-        {
-          id: "4",
-          name: "Thomas Wright",
-          handle: "@twright",
-          testimonial: "A seamless dining experience in our own kitchen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah Miller",
-          handle: "@sarahm",
-          testimonial: "Simply spectacular dining. Will absolutely book again.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg",
-        },
+        { id: "1", name: "Alice Johnson", handle: "@alicej", testimonial: "Truly a masterful experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg" },
+        { id: "2", name: "Mark Stevens", handle: "@mstevens", testimonial: "Chef exceeded all our expectations for the wedding rehearsal.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
+        { id: "3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "Professional, clean, and absolutely delicious food.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-with-snacks-standing-buffet_1262-1980.jpg" },
+        { id: "4", name: "Thomas Wright", handle: "@twright", testimonial: "A seamless dining experience in our own kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg" },
+        { id: "5", name: "Sarah Miller", handle: "@sarahm", testimonial: "Simply spectacular dining. Will absolutely book again.", imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg" },
       ]}
       title="Client Journeys"
       description="Stories from our valued guests who have experienced our unique culinary touch."
@@ -239,9 +108,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Inquiry"
       title="Book Your Experience"
       description="Ready to craft your perfect menu? Let's discuss your event and preferences."
@@ -252,53 +119,10 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Chef Artisan"
-      columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
-        {
-          title: "Policies",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Booking Terms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact", href: "#contact" }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --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);