Update theme colors

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 ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "portfolio"},
-          id: "portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Joana Trigueiros"
     />
@@ -53,62 +45,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Exclusive Design & Tailor-made Creation"
       description="Dedicated to the creation and design of exclusive and tailor-made pieces that transform spaces into experiences."
       buttons={[
         {
-          text: "Discover Projects",
+          text: "Discover Projects",          href: "#portfolio"},
-          href: "#portfolio",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-arrangement_23-2148732422.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
+          src: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-model-appearance-with-flag-ukraine-her-face-holds-posing-pink-background_114579-92661.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-model-appearance-with-flag-ukraine-her-face-holds-posing-pink-background_114579-92661.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
+          src: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Trusted by 50+ clients"
       marqueeItems={[
-        {
+        { type: "text", text: "Artisanal Craft" },
-          type: "text",
+        { type: "text", text: "Timeless Elegance" },
-          text: "Artisanal Craft",
+        { type: "text", text: "Custom Interiors" },
-        },
+        { type: "text", text: "Modern Luxury" },
-        {
+        { type: "text", text: "Bespoke Design" },
-          type: "text",
-          text: "Timeless Elegance",
-        },
-        {
-          type: "text",
-          text: "Custom Interiors",
-        },
-        {
-          type: "text",
-          text: "Modern Luxury",
-        },
-        {
-          type: "text",
-          text: "Bespoke Design",
-        },
       ]}
     />
   </div>
@@ -117,14 +81,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
+        { type: "text", content: "Crafting Unique Interiors" },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-decorative-details-candles_169016-23146.jpg" },
-          content: "Crafting Unique Interiors",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-decorative-details-candles_169016-23146.jpg",
-        },
       ]}
     />
   </div>
@@ -137,19 +95,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Sparkles,
-          title: "Bespoke Pieces",
+          title: "Bespoke Pieces",          description: "Custom-designed furniture tailored to your specific living requirements."},
-          description: "Custom-designed furniture tailored to your specific living requirements.",
-        },
         {
           icon: Shield,
-          title: "Exclusive Design",
+          title: "Exclusive Design",          description: "Unique concepts that stand the test of time, crafted with absolute integrity."},
-          description: "Unique concepts that stand the test of time, crafted with absolute integrity.",
-        },
         {
           icon: Zap,
-          title: "Transformative Spaces",
+          title: "Transformative Spaces",          description: "Revitalizing residential and commercial interiors with high-end aesthetic vision."},
-          description: "Revitalizing residential and commercial interiors with high-end aesthetic vision.",
-        },
       ]}
       title="Design Philosophy"
       description="Each project is a testament to exclusivity and precision, blending artisanal heritage with modern luxury."
@@ -161,61 +113,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Ana Silva", date: "Jan 2024", title: "Homeowner", quote: "Joana's attention to detail is unmatched. Truly exclusive design.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg" },
-          id: "1",
+        { id: "2", name: "Pedro Martins", date: "Dec 2023", title: "Commercial Client", quote: "Transformed our space into a masterpiece of elegance.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg" },
-          name: "Ana Silva",
-          date: "Jan 2024",
-          title: "Homeowner",
-          quote: "Joana's attention to detail is unmatched. Truly exclusive design.",
-          tag: "Luxury",
-          avatarSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-arrangement_23-2148732422.jpg?_wi=2",
-          imageAlt: "luxurious interior design living room",
-        },
-        {
-          id: "2",
-          name: "Pedro Martins",
-          date: "Dec 2023",
-          title: "Commercial Client",
-          quote: "Transformed our space into a masterpiece of elegance.",
-          tag: "Design",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-decorative-details-candles_169016-23146.jpg",
-          imageAlt: "interior designer at work atelier",
-        },
-        {
-          id: "3",
-          name: "Sofia Costa",
-          date: "Nov 2023",
-          title: "Private Residence",
-          quote: "A tailor-made journey from concept to final installation.",
-          tag: "Home",
-          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
-          imageAlt: "elegant woman portrait neutral background",
-        },
-        {
-          id: "4",
-          name: "Ricardo Santos",
-          date: "Oct 2023",
-          title: "Art Collector",
-          quote: "The bespoke pieces are simply art. Incredible quality.",
-          tag: "Art",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-model-appearance-with-flag-ukraine-her-face-holds-posing-pink-background_114579-92661.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
-          imageAlt: "business man portrait professional",
-        },
-        {
-          id: "5",
-          name: "Maria Fernandes",
-          date: "Sep 2023",
-          title: "Homeowner",
-          quote: "Professionalism meeting high-end creative vision at every step.",
-          tag: "Luxury",
-          avatarSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
-          imageAlt: "successful entrepreneur portrait modern",
-        },
       ]}
       title="What Clients Say"
       description="Authentic experiences from those who have curated their homes with us."
@@ -225,51 +124,25 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       tag="Get in touch"
       title="Start your bespoke design project"
       description="Let's bring your vision to life. Reach out for a consultation regarding your next interior design transformation."
-      buttons={[
+      buttons={[{ text: "Contact Us", href: "mailto:info@joanatrigueiros.pt" }]}
-        {
-          text: "Contact Us",
-          href: "mailto:info@joanatrigueiros.pt",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseReveal
-      imageSrc="http://img.b2bpic.net/free-photo/view-essential-items-wedding-planner_23-2150165083.jpg"
       logoText="Joana Trigueiros"
       columns={[
-        {
+        { 
-          title: "Legal",
+          title: "Legal", 
-          items: [
+          items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] 
-            {
-              label: "Privacidade",
-              href: "#",
-            },
-            {
-              label: "Termos",
-              href: "#",
-            },
-            {
-              label: "Cookies",
-              href: "#",
-            },
-          ],
         },
-        {
+        { 
-          title: "Follow",
+          title: "Follow", 
-          items: [
+          items: [{ label: "Facebook", href: "https://www.facebook.com/joanatrigueirosinteriores" }] 
-            {
-              label: "Facebook",
-              href: "https://www.facebook.com/joanatrigueirosinteriores",
-            },
-          ],
         },
       ]}
     />
@@ -277,4 +150,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fffefe;
-  --card: #dad6cd;
+  --card: #f6f7f4;
-  --foreground: #2a2928;
+  --foreground: #080908;
-  --primary-cta: #2a2928;
+  --primary-cta: #0e3a29;
-  --primary-cta-text: #f5f4ef;
+  --primary-cta-text: #fffefe;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e7eecd;
-  --secondary-cta-text: #2a2928;
+  --secondary-cta-text: #080908;
-  --accent: #ffffff;
+  --accent: #35c18b;
-  --background-accent: #c6b180;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);