Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -16,98 +16,91 @@ export default function NoirPage() {
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+        borderRadius="rounded"
         contentWidth="medium"
         sizing="largeSizeMediumTitles"
-        background="noise"
+        background="none"
-        cardStyle="glass-elevated"
+        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        headingFontWeight="light"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-              { name: "Home", id: "#hero" },
+              { name: "NOIR", id: "hero" },
-              { name: "Sobre", id: "#about" },
+              { name: "AGENDAR", id: "contact" }
-              { name: "Serviços", id: "#services" },
-              { name: "Críticas", id: "#testimonials" },
-              { name: "Visite-nos", id: "#visit" },
-              { name: "Contacto", id: "#contact" }
             ]}
-            brandName="Noir"
+            brandName="NOIR"
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroBillboardGallery
-            title="Noir"
+            title="NOIR"
-            description="O vestido que te define"
+            description="Pure elegance, defined by silence."
-            background={{ variant: "radial-gradient" }}
+            background={{ variant: "plain" }}
             mediaItems={[
               { imageSrc: "https://images.unsplash.com/photo-1595874609805-4f4d1e2e4f0e?auto=format&fit=crop&q=80&w=1200" },
               { imageSrc: "https://images.unsplash.com/photo-1529634519700-b8830733a1e4?auto=format&fit=crop&q=80&w=1200" },
-              { imageSrc: "https://images.unsplash.com/photo-1572804013309-59a88b7e92f1?auto=format&fit=crop&q=80&w=1200" }
+              { imageSrc: "https://images.unsplash.com/photo-1572804013309-59a88b7e92f1?auto=format&fit=crop&q=80&w=1200&_wi=1" }
             ]}
-            mediaAnimation="blur-reveal"
+            mediaAnimation="opacity"
-            buttons={[{ text: "Agendar Visita", href: "#contact" }]}
+            buttons={[{ text: "AGENDAR", href: "#contact" }]}
           />
         </div>
 
         <div id="about" data-section="about">
           <MetricSplitMediaAbout
-            title="Dedicação à Alta Costura"
+            title="MANIFESTO"
-            description="Na Noir, em Funchal, acreditamos que cada noiva merece uma experiência inesquecível. Somos especializados em vestidos de noiva de luxo e evening wear, unindo tradição e elegância moderna."
+            description="Absolute restraint. Funchal's sanctuary for quiet luxury. We believe in the power of simplicity, form, and texture. No excess, no noise. Just the silhouette."
-            metrics={[
+            metrics={[]}
-              { value: "10+", title: "Anos de Experiência" },
+            useInvertedBackground={false}
-              { value: "500+", title: "Noivas Felizes" }
-            ]}
             imageSrc="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80&w=800"
-            useInvertedBackground={true}
+            mediaAnimation="opacity"
           />
         </div>
 
         <div id="services" data-section="features">
           <FeatureCardTwentyThree
-            title="Os Nossos Serviços"
+            title="COLLECTION"
-            description="Serviços exclusivos para garantir a perfeição em cada detalhe do seu vestido."
+            description=""
-            animationType="blur-reveal"
+            animationType="opacity"
-            textboxLayout="split"
+            textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { id: "s1", title: "Wedding Dresses", tags: ["Bridal", "Luxury"], imageSrc: "https://images.unsplash.com/photo-1524504388940-b1c1726653e1?auto=format&fit=crop&q=80&w=600" },
+              { id: "s1", title: "I", tags: [], imageSrc: "https://images.unsplash.com/photo-1524504388940-b1c1726653e1?auto=format&fit=crop&q=80&w=1200" },
-              { id: "s2", title: "Luxury Women's Fashion", tags: ["Evening", "Style"], imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&q=80&w=600" },
+              { id: "s2", title: "II", tags: [], imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&q=80&w=1200" },
-              { id: "s3", title: "Alterations", tags: ["Bespoke", "Fit"], imageSrc: "https://images.unsplash.com/photo-1558237952-b88d37446e16?auto=format&fit=crop&q=80&w=600" }
+              { id: "s3", title: "III", tags: [], imageSrc: "https://images.unsplash.com/photo-1558237952-b88d37446e16?auto=format&fit=crop&q=80&w=1200" },
+              { id: "s4", title: "IV", tags: [], imageSrc: "https://images.unsplash.com/photo-1572804013309-59a88b7e92f1?auto=format&fit=crop&q=80&w=1200&_wi=2" }
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardSix
-            title="Noivas Noir"
+            title=""
-            description="Experiências inesquecíveis das nossas noivas."
+            description=""
-            animationType="blur-reveal"
+            animationType="opacity"
-            textboxLayout="split"
+            textboxLayout="default"
-            useInvertedBackground={true}
+            useInvertedBackground={false}
             testimonials={[
-              { id: "1", name: "Jesikah W.", handle: "@jesikah", testimonial: "Um serviço verdadeiramente luxuoso e atencioso. Senti-me a noiva mais especial do mundo!", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200" },
+              { id: "1", name: "Anonymous", handle: "", testimonial: "A singular vision of beauty. Silence speaks volumes in their designs.", imageSrc: "" }
-              { id: "2", name: "Jane L.", handle: "@janel", testimonial: "A atenção aos detalhes na Noir é incomparável. O meu vestido ficou perfeito.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200" },
-              { id: "3", name: "Johanna G.", handle: "@johannag", testimonial: "Obrigada por todo o carinho. Encontrar o meu vestido aqui foi a melhor escolha que fiz.", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=200" }
             ]}
           />
         </div>
 
         <div id="visit" data-section="faq">
           <FaqDouble
-            title="Visite-nos em Funchal"
+            title="EXPERIENCE"
-            description="Noir Boutique. Estamos à sua espera."
+            description="Three pillars of Noir."
             faqs={[
-              { id: "a1", title: "Morada", content: "Rua 31 de Janeiro, 123, Funchal, Madeira" },
+              { id: "a1", title: "Location", content: "Funchal, Madeira" },
-              { id: "a2", title: "Telefone", content: "+351 291 123 456" },
+              { id: "a2", title: "Philosophy", content: "Quiet Luxury" },
-              { id: "a3", title: "Horário", content: "Seg-Sáb: 10:00 - 19:00" }
+              { id: "a3", title: "Service", content: "Private Appointments Only" }
             ]}
-            faqsAnimation="blur-reveal"
+            faqsAnimation="opacity"
             textboxLayout="split"
             useInvertedBackground={false}
           />
@@ -115,28 +108,25 @@ export default function NoirPage() {
 
         <div id="contact" data-section="contact">
           <ContactSplitForm
-            title="Agende a sua visita"
+            title="CONSULTATION"
-            description="Reserve um momento exclusivo para experimentar a coleção Noir."
+            description="Appointment only."
-            useInvertedBackground={true}
+            useInvertedBackground={false}
             inputs={[
-              { name: "name", type: "text", placeholder: "O seu nome" },
+              { name: "name", type: "text", placeholder: "Name" },
               { name: "email", type: "email", placeholder: "Email" }
             ]}
-            textarea={{ name: "message", placeholder: "Conte-nos um pouco sobre o seu dia", rows: 4 }}
+            buttonText="SUBMIT"
-            buttonText="Agendar"
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterBaseCard
-            logoText="Noir"
+            logoText="NOIR"
-            columns={[
+            columns={[]}
-              { title: "Noir", items: [{ label: "Home", href: "#" }] }
+            copyrightText="© 2025 NOIR"
-            ]}
-            copyrightText="© 2025 Noir Funchal"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #000000;
-  --foreground: #f5f5f5;
+  --foreground: #FAFAFA;
-  --primary-cta: #ffdf7d;
+  --primary-cta: #FAFAFA;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #000000;
   --secondary-cta-text: #2e2521;
-  --accent: #b8860b;
+  --accent: #888888;
-  --background-accent: #8b6914;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);