Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,43 +29,30 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Início",
-          id: "hero",
-        },
+          name: "Início",          id: "hero"},
         {
-          name: "Serviços",
-          id: "services",
-        },
+          name: "Serviços",          id: "services"},
         {
-          name: "Sobre",
-          id: "about",
-        },
+          name: "Sobre",          id: "about"},
         {
-          name: "Contato",
-          id: "contact",
-        },
+          name: "Contato",          id: "contact"},
       ]}
       brandName="AM Esmalteria"
       button={{
-        text: "Agendar Agora",
-        href: "#contact",
-      }}
+        text: "Agendar Agora",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       imagePosition="right"
       title="AM Esmalteria & Cabeleireiro: A Arte do Cuidado"
       description="Descubra uma experiência de beleza incomparável. Combinamos técnicas de ponta e um ambiente sofisticado para renovar sua confiança."
       buttons={[
         {
-          text: "Agende seu horário",
-          href: "#contact",
-        },
+          text: "Agende seu horário",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg"
       mediaAnimation="blur-reveal"
@@ -80,25 +67,17 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "Manicure & Pedicure",
-          description: "Utilizamos esmaltes de alta durabilidade e técnicas de cutilagem que priorizam a saúde e a estética das suas unhas.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1827.jpg?_wi=1",
-          },
+          title: "Manicure & Pedicure",          description: "Utilizamos esmaltes de alta durabilidade e técnicas de cutilagem que priorizam a saúde e a estética das suas unhas.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1827.jpg?_wi=1"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1827.jpg?_wi=2",
-          },
+            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1827.jpg?_wi=2"},
         },
         {
           id: 2,
-          title: "Hair & Styling",
-          description: "Cortes personalizados, coloração e tratamentos profundos conduzidos por especialistas em visagismo e tendências internacionais.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27187.jpg?_wi=1",
-          },
+          title: "Hair & Styling",          description: "Cortes personalizados, coloração e tratamentos profundos conduzidos por especialistas em visagismo e tendências internacionais.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27187.jpg?_wi=1"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27187.jpg?_wi=2",
-          },
+            imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27187.jpg?_wi=2"},
         },
       ]}
       showStepNumbers={false}
@@ -112,9 +91,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Excelência e Dedicação"
       description={[
-        "No AM Esmalteria & Cabeleireiro, acreditamos que a beleza é um reflexo do bem-estar. Cada detalhe, dos nossos produtos premium à atmosfera de relaxamento, foi pensado para oferecer uma experiência personalizada.",
-        "Nossa equipe é constantemente treinada para atender aos mais altos padrões de higiene e estilo, garantindo resultados impecáveis que realçam sua personalidade única.",
-      ]}
+        "No AM Esmalteria & Cabeleireiro, acreditamos que a beleza é um reflexo do bem-estar. Cada detalhe, dos nossos produtos premium à atmosfera de relaxamento, foi pensado para oferecer uma experiência personalizada.",        "Nossa equipe é constantemente treinada para atender aos mais altos padrões de higiene e estilo, garantindo resultados impecáveis que realçam sua personalidade única."]}
     />
   </div>
 
@@ -126,9 +103,7 @@ export default function LandingPage() {
       author="Mariana Silva"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg",
-          alt: "Mariana Silva",
-        },
+          src: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg",          alt: "Mariana Silva"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -139,16 +114,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Reserve seu momento"
       title="Pronta para transformar seu visual?"
       description="Estamos localizados no coração da cidade e prontos para atendê-la. Clique no botão abaixo para falar com nosso concierge via WhatsApp e agendar sua sessão."
       buttons={[
         {
-          text: "Agendar Agora via WhatsApp",
-          href: "https://wa.me/5500000000000",
-        },
+          text: "Agendar Agora via WhatsApp",          href: "https://wa.me/5500000000000"},
       ]}
     />
   </div>
@@ -157,42 +129,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "AM Esmalteria",
-          items: [
+          title: "AM Esmalteria",          items: [
             {
-              label: "Endereço: Rua Elegância, 123",
-              href: "#",
-            },
+              label: "Endereço: Rua Elegância, 123",              href: "#"},
             {
-              label: "Horário: Ter-Sáb, 9h-19h",
-              href: "#",
-            },
+              label: "Horário: Ter-Sáb, 9h-19h",              href: "#"},
           ],
         },
         {
-          title: "Serviços",
-          items: [
+          title: "Serviços",          items: [
             {
-              label: "Manicure",
-              href: "#",
-            },
+              label: "Manicure",              href: "#"},
             {
-              label: "Cabelos",
-              href: "#",
-            },
+              label: "Cabelos",              href: "#"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
           ],
         },
       ]}
@@ -202,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #fdfaf8;
   --card: #ffffff;
-  --foreground: #2c2c2c;
-  --primary-cta: #c68a62;
+  --foreground: #1b0c25;
+  --primary-cta: #1b0c25;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #fdfaf8;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2c2c2c;
-  --accent: #e3deea;
-  --background-accent: #f3ede2;
+  --accent: #ff93e4;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);