Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -118,15 +118,19 @@ export default function LandingPage() {
         />
       </div>
       <div id="about" data-section="about">
-        <MediaAbout
+        <SplitAbout
           title="A Arte de Vestir o Mistério"
           description="No Nocturne Atelier, cada peça é uma obra de arte, meticulosamente criada para evocar a profundidade e a sofisticação do estilo noir. Nossas coleções são uma celebração da elegância atemporal, combinando tecidos luxuosos com silhuetas dramáticas para aqueles que ousam se destacar na escuridão."
           tag="Nosso Legado"
           buttons={[
             { text: "Conheça Nossa História", href: "#" }
           ]}
-          imageSrc={getAssetUrl("about-image")}
+          bulletPoints={[
-          imageAlt={getAssetAlt("about-image")}
+            { title: "Criações Meticulosas", description: "Cada peça é desenhada e confeccionada com atenção inigualável aos detalhes, garantindo exclusividade." },
+            { title: "Elegância Atemporal", description: "Nossas coleções refletem a sofisticação do estilo noir, com designs que transcendem tendências passageiras." },
+            { title: "Tecidos de Luxo", description: "Utilizamos apenas os mais finos materiais, selecionados por sua qualidade, conforto e caimento perfeito." }
+          ]}
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #060000;
   --card: #1d0d0d;
-  --foreground: #ffe6e6;
+  --foreground: #697186;
-  --primary-cta: #ff3d4a;
+  --primary-cta: #292c55;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1f0a0a;
   --secondary-cta-text: #ffe6e6;
-  --accent: #7b2d2d;
+  --accent: #0a0829;
-  --background-accent: #b8111f;
+  --background-accent: #040a2c;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);