19 Commits

Author SHA1 Message Date
1d974d3588 Update src/app/page.tsx 2026-04-27 21:58:31 +00:00
20d85ab7d9 Merge version_2 into main
Merge version_2 into main
2026-04-27 21:53:27 +00:00
e8136f6525 Update src/app/page.tsx 2026-04-27 21:53:24 +00:00
51f36bcd5c Merge version_2 into main
Merge version_2 into main
2026-04-27 21:48:25 +00:00
f96d846697 Update src/app/page.tsx 2026-04-27 21:48:22 +00:00
55fefc98ea Merge version_2 into main
Merge version_2 into main
2026-04-27 21:48:01 +00:00
fc8936fd46 Update src/app/page.tsx 2026-04-27 21:47:58 +00:00
fffd6cdd65 Merge version_2 into main
Merge version_2 into main
2026-04-27 21:41:43 +00:00
4d19d86ca1 Update src/app/page.tsx 2026-04-27 21:41:40 +00:00
003136afb4 Merge version_2 into main
Merge version_2 into main
2026-04-27 21:32:46 +00:00
271eb0d802 Update src/app/page.tsx 2026-04-27 21:32:40 +00:00
0a62bbb231 Merge version_2 into main
Merge version_2 into main
2026-04-27 21:32:08 +00:00
11be6213d9 Update src/app/page.tsx 2026-04-27 21:32:04 +00:00
70e51fa00a Merge version_2 into main
Merge version_2 into main
2026-04-27 21:21:09 +00:00
2d4a52c766 Update theme fonts 2026-04-27 21:21:06 +00:00
d32488f1cf Update theme fonts 2026-04-27 21:21:05 +00:00
4e40d3c976 Switch to version 2: modified src/app/styles/variables.css 2026-04-27 19:32:24 +00:00
032824964c Merge version_3 into main
Merge version_3 into main
2026-04-27 19:32:21 +00:00
7b1f6ed78d Merge version_2 into main
Merge version_2 into main
2026-04-27 19:30:00 +00:00
4 changed files with 67 additions and 182 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Montserrat } from "next/font/google"; import { Montserrat } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -15,8 +16,14 @@ export const metadata: Metadata = {
description: "Generated by create next app", description: "Generated by create next app",
}; };
const montserrat = Montserrat({
variable: "--font-montserrat", const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -28,7 +35,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -12,7 +12,8 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Zap } from "lucide-react"; import { Zap, Phone } from "lucide-react";
import FaqBase from '@/components/sections/faq/FaqBase';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -32,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Início", id: "hero" },
name: "Início", { name: "Diferenciais", id: "features" },
id: "hero", { name: "Depoimentos", id: "testimonials" },
}, { name: "Contato", id: "contact-faq" },
{
name: "Diferenciais",
id: "features",
},
{
name: "Depoimentos",
id: "testimonials",
},
{
name: "Consultoria",
id: "contact",
},
]} ]}
brandName="SolarTec" brandName="SolarTec"
/> />
@@ -55,18 +44,11 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="SolarTec"
}}
title="A Maestria do Sol a Serviço do Seu Legado."
description="Tecnologia fotovoltaica de elite com engenharia de precisão. Reduza custos com a sofisticação que seu patrimônio exige." description="Tecnologia fotovoltaica de elite com engenharia de precisão. Reduza custos com a sofisticação que seu patrimônio exige."
buttons={[ buttons={[{ text: "Solicitar Estudo de Viabilidade Premium", href: "#contact" }]}
{ imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777326025031-w0np4eg3.jpg"
text: "Solicitar Estudo de Viabilidade Premium",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248305.jpg"
/> />
</div> </div>
@@ -74,15 +56,7 @@ export default function LandingPage() {
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["WEG Solar", "BYD Energy", "Canadian Solar", "SMA", "Enphase", "SolarEdge", "JinkoSolar"]}
"WEG Solar",
"BYD Energy",
"Canadian Solar",
"SMA",
"Enphase",
"SolarEdge",
"JinkoSolar",
]}
title="Parceiros Tecnológicos" title="Parceiros Tecnológicos"
description="Curadoria das tecnologias mais eficientes do mundo." description="Curadoria das tecnologias mais eficientes do mundo."
/> />
@@ -95,7 +69,7 @@ export default function LandingPage() {
title="Atendimento Concierge SolarTec" title="Atendimento Concierge SolarTec"
description="Do diagnóstico técnico à homologação final, oferecemos um ponto de contato único, garantindo que a sua experiência seja tão impecável quanto o desempenho da sua usina." description="Do diagnóstico técnico à homologação final, oferecemos um ponto de contato único, garantindo que a sua experiência seja tão impecável quanto o desempenho da sua usina."
subdescription="Sua residência não é apenas um imóvel, é um patrimônio que merece a mais refinada tecnologia energética do mercado." subdescription="Sua residência não é apenas um imóvel, é um patrimônio que merece a mais refinada tecnologia energética do mercado."
imageSrc="http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777326792016-215mnzmn.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
icon={Zap} icon={Zap}
/> />
@@ -106,21 +80,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Estética Integrada", description: "Painéis desenhados para valorizar a arquitetura, sem fiações expostas ou poluição visual.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg" },
title: "Estética Integrada", { title: "Monitoramento Real-time", description: "Aplicativo exclusivo que oferece controle total e autonomia energética na palma da sua mão.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799745.jpg" },
description: "Painéis desenhados para valorizar a arquitetura, sem fiações expostas ou poluição visual.", { title: "Eficiência Energética", description: "Sistemas curados com as células mais eficientes do mundo para proteção real contra inflação.", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg",
},
{
title: "Monitoramento Real-time",
description: "Aplicativo exclusivo que oferece controle total e autonomia energética na palma da sua mão.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-house-model_23-2150799745.jpg",
},
{
title: "Eficiência Energética",
description: "Sistemas curados com as células mais eficientes do mundo para proteção real contra inflação.",
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248309.jpg",
},
]} ]}
title="Por que Escolher a SolarTec?" title="Por que Escolher a SolarTec?"
description="Tecnologia de elite, estética invisível e uma gestão energética totalmente personalizada." description="Tecnologia de elite, estética invisível e uma gestão energética totalmente personalizada."
@@ -134,26 +96,11 @@ export default function LandingPage() {
rating={5} rating={5}
author="Cliente Residencial Premium" author="Cliente Residencial Premium"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg", alt: "Cliente 1" },
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg", { src: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-cafe-spending-time-alone-coffee-shop-reading-digital-tablet-watching-video-listening-music-wireless-headphones-lifestyle-people-concept_1258-314619.jpg", alt: "Cliente 2" },
alt: "Cliente 1", { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Cliente 3" },
}, { src: "http://img.b2bpic.net/free-photo/young-woman-cleaning-her-skin-bathroom-beautiful-healthy-woman-bathroom_1153-7637.jpg", alt: "Cliente 4" },
{ { src: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", alt: "Cliente 5" }
src: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-cafe-spending-time-alone-coffee-shop-reading-digital-tablet-watching-video-listening-music-wireless-headphones-lifestyle-people-concept_1258-314619.jpg",
alt: "Cliente 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
alt: "Cliente 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-cleaning-her-skin-bathroom-beautiful-healthy-woman-bathroom_1153-7637.jpg",
alt: "Cliente 4",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
alt: "Cliente 5",
},
]} ]}
ratingAnimation="blur-reveal" ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -167,55 +114,36 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Diagnóstico Energético", price: "Passo 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325208842-8hx7vgtx.jpg" },
id: "1", { id: "2", name: "Engenharia Personalizada", price: "Passo 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325288286-p0e8wbql.jpg" },
name: "Diagnóstico Energético", { id: "3", name: "Instalação de Elite", price: "Passo 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325489737-qf9k745h.jpg" },
price: "Passo 1", { id: "4", name: "Ativação e Suporte", price: "Passo 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325489737-o60t8jpz.jpg" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=td9tey",
},
{
id: "2",
name: "Engenharia Personalizada",
price: "Passo 2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9u45z",
},
{
id: "3",
name: "Instalação de Elite",
price: "Passo 3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kalyxj",
},
{
id: "4",
name: "Ativação e Suporte",
price: "Passo 4",
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side-with-white-background_187299-39803.jpg",
},
]} ]}
title="Nosso Processo Turn-key" title="Nosso Processo Turn-key"
description="Cada passo é meticulosamente planejado para garantir excelência absoluta." description="Cada passo é meticulosamente planejado para garantir excelência absoluta."
/> />
</div> </div>
<div id="contact-faq" data-section="contact-faq">
<FaqBase
title="Contato & Suporte"
description="Estamos disponíveis para tirar suas dúvidas via WhatsApp."
tag="Suporte"
tagIcon={Phone}
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[{ id: "contact-1", title: "WhatsApp", content: "Entre em contato através do número: 55 47 984195968" }]}
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Os painéis alteram a estética da minha casa?", content: "Não. Nosso design integrado garante que a arquitetura do seu imóvel seja valorizada." },
id: "f1", { id: "f2", title: "Como funciona o monitoramento?", content: "Nosso app exclusivo permite que você acompanhe a geração em tempo real com transparência total." },
title: "Os painéis alteram a estética da minha casa?", { id: "f3", title: "A instalação gera sujeira ou transtorno?", content: "Nossa equipe utiliza protocolos de luxo com limpeza e organização rigorosas durante todo o processo." },
content: "Não. Nosso design integrado garante que a arquitetura do seu imóvel seja valorizada.",
},
{
id: "f2",
title: "Como funciona o monitoramento?",
content: "Nosso app exclusivo permite que você acompanhe a geração em tempo real com transparência total.",
},
{
id: "f3",
title: "A instalação gera sujeira ou transtorno?",
content: "Nossa equipe utiliza protocolos de luxo com limpeza e organização rigorosas durante todo o processo.",
},
]} ]}
sideTitle="Dúvidas Sobre o Sistema Solar" sideTitle="Dúvidas Sobre o Sistema Solar"
sideDescription="Saiba por que a SolarTec é a escolha certa para o seu patrimônio." sideDescription="Saiba por que a SolarTec é a escolha certa para o seu patrimônio."
@@ -226,9 +154,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
tag="Consultoria Exclusiva" tag="Consultoria Exclusiva"
title="Pronto para a Independência?" title="Pronto para a Independência?"
description="Deixe seus dados para uma consultoria exclusiva com nossos especialistas." description="Deixe seus dados para uma consultoria exclusiva com nossos especialistas."
@@ -237,64 +163,16 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/modern-architectural-marvel-night_23-2152006102.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777326465238-1mxhovzk.png"
logoText="SolarTec" logoText="SolarTec"
columns={[ columns={[
{ { title: "Empresa", items: [{ label: "Sobre Nós", href: "#about" }, { label: "Carreiras", href: "#" }, { label: "Imprensa", href: "#" }] },
title: "Empresa", { title: "Soluções", items: [{ label: "Residencial", href: "#" }, { label: "Comercial", href: "#" }, { label: "Concierge", href: "#" }] },
items: [ { title: "Suporte", items: [{ label: "Contato", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Privacidade", href: "#" }] }
{
label: "Sobre Nós",
href: "#about",
},
{
label: "Carreiras",
href: "#",
},
{
label: "Imprensa",
href: "#",
},
],
},
{
title: "Soluções",
items: [
{
label: "Residencial",
href: "#",
},
{
label: "Comercial",
href: "#",
},
{
label: "Concierge",
href: "#",
},
],
},
{
title: "Suporte",
items: [
{
label: "Contato",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacidade",
href: "#",
},
],
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-libre-baskerville), serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000802; --background: #ffffff;
--card: #0b1a0b; --card: #f9f9f9;
--foreground: #e6ffe6; --foreground: #120a00e6;
--primary-cta: #80da9b; --primary-cta: #FF7B05;
--primary-cta-text: #000802; --primary-cta-text: #ffffff;
--secondary-cta: #07170b; --secondary-cta: #f9f9f9;
--secondary-cta-text: #e6ffe6; --secondary-cta-text: #120a00e6;
--accent: #38714a; --accent: #e2e2e2;
--background-accent: #2c6541; --background-accent: #FF7B05;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);