Merge version_4 into main #10
206
src/app/page.tsx
206
src/app/page.tsx
@@ -12,7 +12,8 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
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() {
|
||||
return (
|
||||
@@ -32,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Diferenciais",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Consultoria",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Diferenciais", id: "features" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact-faq" },
|
||||
]}
|
||||
brandName="SolarTec"
|
||||
/>
|
||||
@@ -55,17 +44,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="SolarTec"
|
||||
description="Tecnologia fotovoltaica de elite com engenharia de precisão. Reduza custos com a sofisticação que seu patrimônio exige."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Estudo de Viabilidade Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,15 +56,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"WEG Solar",
|
||||
"BYD Energy",
|
||||
"Canadian Solar",
|
||||
"SMA",
|
||||
"Enphase",
|
||||
"SolarEdge",
|
||||
"JinkoSolar",
|
||||
]}
|
||||
names={["WEG Solar", "BYD Energy", "Canadian Solar", "SMA", "Enphase", "SolarEdge", "JinkoSolar"]}
|
||||
title="Parceiros Tecnológicos"
|
||||
description="Curadoria das tecnologias mais eficientes do mundo."
|
||||
/>
|
||||
@@ -106,21 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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: "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?"
|
||||
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}
|
||||
author="Cliente Residencial Premium"
|
||||
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/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",
|
||||
},
|
||||
{ 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/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"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -167,55 +114,36 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
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: "2",
|
||||
name: "Engenharia Personalizada",
|
||||
price: "Passo 2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325288286-p0e8wbql.jpg",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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: "2", name: "Engenharia Personalizada", price: "Passo 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777325288286-p0e8wbql.jpg" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Nosso Processo Turn-key"
|
||||
description="Cada passo é meticulosamente planejado para garantir excelência absoluta."
|
||||
/>
|
||||
</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">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
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: "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.",
|
||||
},
|
||||
{ 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: "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"
|
||||
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">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Consultoria Exclusiva"
|
||||
title="Pronto para a Independência?"
|
||||
description="Deixe seus dados para uma consultoria exclusiva com nossos especialistas."
|
||||
@@ -240,61 +166,13 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxCir9mpTLw2euOMJPAgmKhsUf/uploaded-1777326465238-1mxhovzk.png"
|
||||
logoText="SolarTec"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Empresa", items: [{ 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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user