Update theme colors

Update theme fonts
2026-06-11 11:04:51 +00:00 · 2026-06-11 11:03:35 +00:00 · 2026-06-11 11:03:35 +00:00 · 2026-06-11 11:01:55 +00:00 · 2026-06-11 11:01:16 +00:00
4 changed files with 67 additions and 226 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { Poppins } from "next/font/google";



@@ -40,13 +41,11 @@ export const metadata: Metadata = {
  },
 };

-const mulish = Mulish({
-  variable: "--font-mulish",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+
+const poppins = Poppins({
+  variable: "--font-poppins",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -57,7 +56,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} ${inter.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,41 +32,25 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
        {
-          name: "Sobre Nós",
-          id: "#about",
-        },
+          name: "Sobre Nós",          id: "#about"},
        {
-          name: "Serviços",
-          id: "#services",
-        },
+          name: "Serviços",          id: "#services"},
        {
-          name: "Porque Escolher",
-          id: "#why-choose",
-        },
+          name: "Porque Escolher",          id: "#why-choose"},
        {
-          name: "Avaliações",
-          id: "#testimonials",
-        },
+          name: "Avaliações",          id: "#testimonials"},
        {
-          name: "Área de Atuação",
-          id: "#service-area",
-        },
+          name: "Área de Atuação",          id: "#service-area"},
        {
-          name: "Contactos",
-          id: "#contact",
-        },
+          name: "Contactos",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg"
      logoAlt="Proinstall Instalação Elétrica Logo"
      brandName="Proinstall Instalação Elétrica"
      button={{
-        text: "Pedir Orçamento",
-        href: "#contact",
-      }}
+        text: "Pedir Orçamento",        href: "#contact"}}
    />
  </div>

@@ -76,55 +60,26 @@ export default function LandingPage() {
      description="Instalações elétricas, reparações, carregadores para veículos elétricos, iluminação, quadros elétricos e assistência técnica com rapidez, segurança e garantia."
      testimonials={[
        {
-          name: "Maria Silva",
-          handle: "@marias.eng",
-          testimonial: "Serviço excecional! A Proinstall superou as minhas expectativas com a instalação do carregador EV. Muito profissionalismo e eficiência.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",
-          imageAlt: "Avatar Maria Silva",
-        },
+          name: "Maria Silva",          handle: "@marias.eng",          testimonial: "Serviço excecional! A Proinstall superou as minhas expectativas com a instalação do carregador EV. Muito profissionalismo e eficiência.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",          imageAlt: "Avatar Maria Silva"},
        {
-          name: "João Santos",
-          handle: "@joaos.arq",
-          testimonial: "Rapidez e segurança nas reparações do meu quadro elétrico. Recomendo a Proinstall a todos no Porto.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",
-          imageAlt: "Avatar João Santos",
-        },
+          name: "João Santos",          handle: "@joaos.arq",          testimonial: "Rapidez e segurança nas reparações do meu quadro elétrico. Recomendo a Proinstall a todos no Porto.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",          imageAlt: "Avatar João Santos"},
        {
-          name: "Ana Rodrigues",
-          handle: "@ana.design",
-          testimonial: "Instalação de iluminação perfeita para a minha loja. A equipa é atenciosa e o resultado final é impecável.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-          imageAlt: "Avatar Ana Rodrigues",
-        },
+          name: "Ana Rodrigues",          handle: "@ana.design",          testimonial: "Instalação de iluminação perfeita para a minha loja. A equipa é atenciosa e o resultado final é impecável.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",          imageAlt: "Avatar Ana Rodrigues"},
        {
-          name: "Carlos Costa",
-          handle: "@carlos.tec",
-          testimonial: "Excelente assistência técnica. Diagnosticaram e resolveram o problema elétrico em tempo recorde. Muito satisfeito!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
-          imageAlt: "Avatar Carlos Costa",
-        },
+          name: "Carlos Costa",          handle: "@carlos.tec",          testimonial: "Excelente assistência técnica. Diagnosticaram e resolveram o problema elétrico em tempo recorde. Muito satisfeito!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",          imageAlt: "Avatar Carlos Costa"},
        {
-          name: "Sofia Pereira",
-          handle: "@sofia.com",
-          testimonial: "A Proinstall é sinónimo de confiança. As instalações elétricas da minha casa foram feitas com a máxima qualidade e atenção aos detalhes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",
-          imageAlt: "Avatar Sofia Pereira",
-        },
+          name: "Sofia Pereira",          handle: "@sofia.com",          testimonial: "A Proinstall é sinónimo de confiança. As instalações elétricas da minha casa foram feitas com a máxima qualidade e atenção aos detalhes.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",          imageAlt: "Avatar Sofia Pereira"},
      ]}
      buttons={[
        {
-          text: "Pedir Orçamento Gratuito",
-          href: "#contact",
-        },
+          text: "Pedir Orçamento Gratuito",          href: "#contact"},
        {
-          text: "Ligar Agora",
-          href: "tel:933511913",
-        },
+          text: "Ligar Agora",          href: "tel:933511913"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg"
      imageAlt="Modern electrical installation"
@@ -132,25 +87,15 @@ export default function LandingPage() {
      textPosition="bottom"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg",
-          alt: "Foto de cliente satisfeito 1",
-        },
+          src: "http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg",          alt: "Foto de cliente satisfeito 1"},
        {
-          src: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg",
-          alt: "Foto de cliente satisfeito 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg",          alt: "Foto de cliente satisfeito 2"},
        {
-          src: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",
-          alt: "Foto de cliente satisfeito 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",          alt: "Foto de cliente satisfeito 3"},
        {
-          src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",
-          alt: "Foto de cliente satisfeito 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",          alt: "Foto de cliente satisfeito 4"},
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-          alt: "Foto de cliente satisfeito 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",          alt: "Foto de cliente satisfeito 5"},
      ]}
    />
  </div>
@@ -162,19 +107,13 @@ export default function LandingPage() {
      metrics={[
        {
          icon: Award,
-          label: "Anos de Experiência",
-          value: "15+",
-        },
+          label: "Anos de Experiência",          value: "15+"},
        {
          icon: CheckCircle,
-          label: "Projetos Concluídos",
-          value: "500+",
-        },
+          label: "Projetos Concluídos",          value: "500+"},
        {
          icon: Smile,
-          label: "Clientes Satisfeitos",
-          value: "99%",
-        },
+          label: "Clientes Satisfeitos",          value: "99%"},
      ]}
      metricsAnimation="slide-up"
    />
@@ -190,13 +129,7 @@ export default function LandingPage() {
      }}
      positiveCard={{
        items: [
-          "Atendimento rápido e eficiente",
-          "Orçamentos gratuitos e transparentes",
-          "Serviço profissional e certificado",
-          "Soluções seguras e personalizadas",
-          "Experiência em instalações residenciais e comerciais",
-          "Garantia de qualidade em todos os trabalhos",
-        ],
+          "Atendimento rápido e eficiente",          "Orçamentos gratuitos e transparentes",          "Serviço profissional e certificado",          "Soluções seguras e personalizadas",          "Experiência em instalações residenciais e comerciais",          "Garantia de qualidade em todos os trabalhos"],
      }}
      title="Porque Escolher a Proinstall"
      description="A nossa dedicação à excelência garante a sua segurança e satisfação em cada projeto elétrico."
@@ -211,47 +144,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Instalações Elétricas Completas",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg",
-          imageAlt: "Instalações elétricas completas",
-        },
+          id: "p1", price: "Preço a Consultar",          name: "Instalações Elétricas Completas",          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg",          imageAlt: "Instalações elétricas completas"},
        {
-          id: "p2",
-          name: "Instalação de Carregadores EV",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/ev-charging-station-clean-energy-filling-technology-electric-car-charging_35913-2573.jpg",
-          imageAlt: "Instalação de carregadores para veículos elétricos",
-        },
+          id: "p2", price: "Preço a Consultar",          name: "Instalação de Carregadores EV",          imageSrc: "http://img.b2bpic.net/free-photo/ev-charging-station-clean-energy-filling-technology-electric-car-charging_35913-2573.jpg",          imageAlt: "Instalação de carregadores para veículos elétricos"},
        {
-          id: "p3",
-          name: "Reparações de Instalações Elétricas",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24805.jpg",
-          imageAlt: "Reparações de instalações elétricas",
-        },
+          id: "p3", price: "Preço a Consultar",          name: "Reparações de Instalações Elétricas",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24805.jpg",          imageAlt: "Reparações de instalações elétricas"},
        {
-          id: "p4",
-          name: "Substituição e Upgrade de Quadros Elétricos",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg",
-          imageAlt: "Substituição e upgrade de quadros elétricos",
-        },
+          id: "p4", price: "Preço a Consultar",          name: "Substituição e Upgrade de Quadros Elétricos",          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg",          imageAlt: "Substituição e upgrade de quadros elétricos"},
        {
-          id: "p5",
-          name: "Instalação de Iluminação (Interior/Exterior)",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg",
-          imageAlt: "Instalação de iluminação interior e exterior",
-        },
+          id: "p5", price: "Preço a Consultar",          name: "Instalação de Iluminação (Interior/Exterior)",          imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg",          imageAlt: "Instalação de iluminação interior e exterior"},
        {
-          id: "p6",
-          name: "Diagnóstico e Manutenção Preventiva",
-          price: "Sob Consulta",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg",
-          imageAlt: "Diagnóstico de avarias e manutenção preventiva",
-        },
+          id: "p6", price: "Preço a Consultar",          name: "Diagnóstico e Manutenção Preventiva",          imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg",          imageAlt: "Diagnóstico de avarias e manutenção preventiva"},
      ]}
      title="Os Nossos Serviços Elétricos"
      description="Soluções completas e inovadoras para todas as suas necessidades elétricas no Grande Porto."
@@ -265,73 +168,31 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "João Mendes",
-          role: "Gerente",
-          company: "Constrói Mais",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",
-          imageAlt: "Foto de João Mendes",
-        },
+          id: "t1",          name: "João Mendes",          role: "Gerente",          company: "Constrói Mais",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",          imageAlt: "Foto de João Mendes"},
        {
-          id: "t2",
-          name: "Ana Pinto",
-          role: "Proprietária",
-          company: "Café Central",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-florist_1098-13710.jpg",
-          imageAlt: "Foto de Ana Pinto",
-        },
+          id: "t2",          name: "Ana Pinto",          role: "Proprietária",          company: "Café Central",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-florist_1098-13710.jpg",          imageAlt: "Foto de Ana Pinto"},
        {
-          id: "t3",
-          name: "Luís Cardoso",
-          role: "Investidor Imobiliário",
-          company: "Investe Porto",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
-          imageAlt: "Foto de Luís Cardoso",
-        },
+          id: "t3",          name: "Luís Cardoso",          role: "Investidor Imobiliário",          company: "Investe Porto",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",          imageAlt: "Foto de Luís Cardoso"},
        {
-          id: "t4",
-          name: "Mariana Castro",
-          role: "Chefe de Obra",
-          company: "Renova Porto",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186144.jpg",
-          imageAlt: "Foto de Mariana Castro",
-        },
+          id: "t4",          name: "Mariana Castro",          role: "Chefe de Obra",          company: "Renova Porto",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186144.jpg",          imageAlt: "Foto de Mariana Castro"},
        {
-          id: "t5",
-          name: "Ricardo Nogueira",
-          role: "Cliente Particular",
-          company: "Porto",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/anxious-handsome-blonde-man-bites-lips-isolated-purple-wall_141793-66117.jpg",
-          imageAlt: "Foto de Ricardo Nogueira",
-        },
+          id: "t5",          name: "Ricardo Nogueira",          role: "Cliente Particular",          company: "Porto",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/anxious-handsome-blonde-man-bites-lips-isolated-purple-wall_141793-66117.jpg",          imageAlt: "Foto de Ricardo Nogueira"},
        {
-          id: "t6",
-          name: "Vera Sousa",
-          role: "Cliente Particular",
-          company: "Vila Nova de Gaia",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
-          imageAlt: "Foto de Vera Sousa",
-        },
+          id: "t6",          name: "Vera Sousa",          role: "Cliente Particular",          company: "Vila Nova de Gaia",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",          imageAlt: "Foto de Vera Sousa"},
      ]}
      kpiItems={[
        {
-          value: "★★★★★",
-          label: "Média de Avaliações",
-        },
+          value: "★★★★★",          label: "Média de Avaliações"},
        {
-          value: "100%",
-          label: "Garantia de Satisfação",
-        },
+          value: "100%",          label: "Garantia de Satisfação"},
        {
-          value: "500+",
-          label: "Clientes Atendidos",
-        },
+          value: "500+",          label: "Clientes Atendidos"},
      ]}
      title="O Que os Nossos Clientes Dizem"
      description="A satisfação e a confiança dos nossos clientes são o reflexo da qualidade do nosso trabalho."
@@ -343,15 +204,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
-        "Porto",
-        "Vila Nova de Gaia",
-        "Matosinhos",
-        "Maia",
-        "Gondomar",
-        "Valongo",
-        "Espinho",
-        "Grande Porto",
-      ]}
+        "Porto",        "Vila Nova de Gaia",        "Matosinhos",        "Maia",        "Gondomar",        "Valongo",        "Espinho",        "Grande Porto"]}
      title="A Nossa Área de Atuação"
      description="Prestamos serviços elétricos em toda a região do Grande Porto, com deslocação rápida para assistência e emergências."
      showCard={true}
@@ -362,20 +215,15 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={false}
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      tag="Contacto"
      title="Fale Connosco Agora"
      description="Precisa de um eletricista no Porto? Ligue-nos para 933 511 913, envie uma mensagem via WhatsApp, ou preencha o formulário abaixo para pedir um orçamento gratuito. Estamos na Rua de Domingos Sequeira, 4430-230 Porto."
      buttons={[
        {
-          text: "Ligar Agora",
-          href: "tel:933511913",
-        },
+          text: "Ligar Agora",          href: "tel:933511913"},
        {
-          text: "Pedir Orçamento",
-          href: "#",
-        },
+          text: "Pedir Orçamento",          href: "#"},
      ]}
    />
  </div>
@@ -387,23 +235,17 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Phone,
-          href: "tel:933511913",
-          ariaLabel: "Ligar para Proinstall",
-        },
+          href: "tel:933511913",          ariaLabel: "Ligar para Proinstall"},
        {
          icon: MessageCircle,
-          href: "https://wa.me/351933511913",
-          ariaLabel: "WhatsApp Proinstall",
-        },
+          href: "https://wa.me/351933511913",          ariaLabel: "WhatsApp Proinstall"},
        {
          icon: Mail,
-          href: "mailto:info@proinstall.pt",
-          ariaLabel: "Email Proinstall",
-        },
+          href: "mailto:info@proinstall.pt",          ariaLabel: "Email Proinstall"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,7 +12,7 @@

  --background: #ffffff;
  --card: #f9f9f9;
-  --foreground: #000000;
+  --foreground: #ffffff;
  --primary-cta: #FFD700;
  --primary-cta-text: #000000;
  --secondary-cta: #ffffff;
Author	SHA1	Message	Date
bender	999d779110	Update theme colors	2026-06-11 11:04:51 +00:00
bender	4d58f80636	Update theme fonts	2026-06-11 11:03:35 +00:00
bender	a48522bf22	Update theme fonts	2026-06-11 11:03:35 +00:00
bender	2b65973fe6	Update src/app/page.tsx	2026-06-11 11:01:55 +00:00
bender	a40d489165	Update src/app/page.tsx	2026-06-11 11:01:16 +00:00