Switch to version 1: modified src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Truck, Package, MessageSquare } from "lucide-react";
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
 export default function LandingPage() {
   return (
@@ -87,20 +86,26 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          brand: "PEQ",          name: "Camisa Oversized Signature",          price: "1800 MZN",          rating: 5,
-          reviewCount: "12",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxCYIPQiurCn60okThKiHoRRBd/uploaded-1779392039794-act6xz4l.png"},
+          id: "1",          brand: "PEQ",          name: "Camisa Oversized Branca",          price: "1500 MZN",          rating: 5,
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-moving-her-body_23-2149429032.jpg"},
         {
-          id: "2",          brand: "PEQ",          name: "Hoodie Premium Black",          price: "3200 MZN",          rating: 5,
+          id: "2",          brand: "PEQ",          name: "Camisa Oversized Preta",          price: "1500 MZN",          rating: 5,
           reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-982.jpg"},
         {
-          id: "3",          brand: "PEQ",          name: "Boné Minimalista",          price: "950 MZN",          rating: 5,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-black-white_23-2149419348.jpg"},
+          id: "3",          brand: "PEQ",          name: "Hoodie Preta",          price: "2500 MZN",          rating: 5,
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg"},
         {
-          id: "4",          brand: "PEQ",          name: "Ecobag Street",          price: "600 MZN",          rating: 5,
+          id: "4",          brand: "PEQ",          name: "Boné Full Black",          price: "800 MZN",          rating: 5,
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-black-white_23-2149419348.jpg"},
+        {
+          id: "5",          brand: "PEQ",          name: "Ecobag",          price: "500 MZN",          rating: 5,
           reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-953.jpg"},
+        {
+          id: "6",          brand: "PEQ",          name: "Hoodie Branca",          price: "2500 MZN",          rating: 5,
+          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-959.jpg"},
       ]}
-      title="COLEÇÃO ATUAL"
-      description="Streetwear autêntico com design exclusivo para o cotidiano urbano."
+      title="COLEÇÃO"
+      description="Streetwear Premium de Moçambique."
     />
   </div>
 
@@ -109,81 +114,84 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",          content: "TRIED ON - ESTILO REAL"},
+          type: "text",          content: "TRIED ON"},
         {
-          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxCYIPQiurCn60okThKiHoRRBd/uploaded-1779392039794-act6xz4l.png",          alt: "Cliente usando produto"},
+          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxCYIPQiurCn60okThKiHoRRBd/uploaded-1779214441662-6ipm4t08.jpg",          alt: "User wearing our clothing"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-with-thermos-near-car_23-2147765320.jpg",          alt: "Streetwear lifestyle"},
       ]}
     />
   </div>
 
   <div id="clientes" data-section="clientes">
-      <TestimonialCardTen
+      <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      title="CLIENTES QUE VIVEM O LIFESTYLE"
-      description="O que dizem os nossos membros da comunidade."
+      description="Veja o que nossos clientes dizem."
       testimonials={[
         {
-          id: "1",          name: "Ricardo Silva",          role: "Cliente Premium",          quote: "Qualidade impressionante, o tecido é muito superior ao que temos no mercado local.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",          title: "Muito Satisfeito"
-        },
+          id: "1",          name: "João M.",          role: "Cliente",          testimonial: "Qualidade absurda 🔥",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-lady-with-red-lips-wearing-red-cap-dark-jacket-is-looking-camera-while-walking-city-sunny-warm-day_291650-2572.jpg"},
         {
-          id: "2",          name: "Lígia M.",          role: "Influenciadora",          quote: "A modelagem oversized é exatamente o que eu procurava. Veste super bem!",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-white-oversized-tshirt-blue-jeans-posing-gray-background_89887-959.jpg",          title: "Design Impecável"
-        },
+          id: "2",          name: "Ana S.",          role: "Cliente",          testimonial: "Melhor streetwear de Moçambique.",          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100230.jpg"},
         {
-          id: "3",          name: "Filipe G.",          role: "Cliente",          quote: "Entrega muito rápida para a Matola. Recomendo demais!",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg",          title: "Entrega Ágil"
-        },
+          id: "3",          name: "Carlos P.",          role: "Cliente",          testimonial: "Entrega rápida e material premium.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dyed-green-hair-poses-chair-smiles-gladfully-uses-smartphone-headphones-listen-favorite-music-dressed-fashionable-clothes-red_273609-54728.jpg"},
+        {
+          id: "4",          name: "Sara L.",          role: "Cliente",          testimonial: "Veste muito bem.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg"},
+        {
+          id: "5",          name: "Lucas D.",          role: "Cliente",          testimonial: "Atendimento top!",          imageSrc: "http://img.b2bpic.net/free-photo/carefree-stylish-woman-wearing-trendy-sunglasses-camera-feeling-confident-attractive-pink-background-sensual-pretty-girl-with-cute-eyewear-face-funky-hairstyle_482257-51055.jpg"},
       ]}
+      title="CLIENTES SATISFEITOS"
     />
   </div>
 
   <div id="entregas" data-section="entregas">
-      <FeatureHoverPattern
-      animationType="blur-reveal"
+      <FeatureCardNineteen
       textboxLayout="split"
-      useInvertedBackground={true}
-      title="ENTREGAS E CUIDADO"
-      description="Nosso compromisso vai além do produto: garantimos que sua compra chegue com total segurança e rapidez."
+      useInvertedBackground={false}
       features={[
         {
-          icon: Truck,
-          title: "Logística Ágil",          description: "Entregas diárias em Maputo e Matola com taxas especiais a partir de 150 MZN."
-        },
+          tag: "Maputo/Matola",          title: "Entrega Rápida",          subtitle: "Porta a porta",          description: "Entregas eficientes em toda capital.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg"},
         {
-          icon: Package,
-          title: "Embalagem Premium",          description: "Proteção total para que suas peças cheguem impecáveis em qualquer província."
-        },
+          tag: "Nacional",          title: "Envios",          subtitle: "Todo Moçambique",          description: "Enviamos para todas as províncias.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-black-hoodie_23-2149359866.jpg"},
         {
-          icon: MessageSquare,
-          title: "Suporte Real",          description: "Atendimento humano para rastreamento e dúvidas via WhatsApp 24/7."
-        }
+          tag: "WhatsApp",          title: "Atendimento",          subtitle: "Direto",          description: "Fale connosco pelo WhatsApp.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432357.jpg"},
       ]}
+      title="ENTREGAS"
+      description="Envios rápidos em todo país."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      logoText="POBRE É QUEM?"
-      copyrightText="© 2025 POBRE É QUEM? - STREETWEAR MOÇAMBIQUE"
+      <FooterSimple
       columns={[
         {
-          title: "Navegação",          items: [
-            { label: "Início", href: "#" },
-            { label: "Coleção", href: "#colecao" },
+          title: "Social",          items: [
+            {
+              label: "Instagram",              href: "#"},
+            {
+              label: "TikTok",              href: "#"},
           ],
         },
         {
           title: "Suporte",          items: [
-            { label: "WhatsApp", href: "https://wa.me/message" },
-            { label: "FAQ", href: "#" },
+            {
+              label: "WhatsApp",              href: "https://wa.me/message"},
+            {
+              label: "Contactos",              href: "#"},
           ],
         },
         {
           title: "Legal",          items: [
-            { label: "Privacidade", href: "#" },
-            { label: "Termos de Uso", href: "#" },
+            {
+              label: "Privacidade",              href: "#"},
+            {
+              label: "Termos",              href: "#"},
           ],
         },
       ]}
+      bottomLeftText="© 2025 Pobre é Quem?"
+      bottomRightText="Streetwear Premium"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --background: #0D0D0D;
+  --card: #1A1A1A;
+  --foreground: #FFFFFF;
+  --primary-cta: #FF7A00;
   --primary-cta-text: #FFFFFF;
-  --secondary-cta: #000000;
+  --secondary-cta: #8A0A0A;
   --secondary-cta-text: #FFFFFF;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --accent: #FF7A00;
+  --background-accent: #5A0000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);