Merge version_2 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { MessageCircle, Phone } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -29,59 +30,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Serviços", id: "services"},
|
||||
{
|
||||
name: "Orçamento", id: "contact"},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Orçamento", id: "contact" },
|
||||
]}
|
||||
brandName="Lukas Piscinas"
|
||||
button={{
|
||||
text: "(11) 96943-4769", href: "tel:+5511969434769"}}
|
||||
button={{ text: "💬 Chamar no WhatsApp", href: "https://wa.me/5511969434769" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Piscina limpa, tratada e pronta para uso sem dor de cabeça"
|
||||
background={{ variant: "plain" }}
|
||||
title="Deixe sua piscina limpa e pronta sem esforço — atendimento rápido e garantido"
|
||||
description="Atendimento rápido, profissional e com 5 estrelas de avaliação. Garantimos a qualidade que sua piscina merece."
|
||||
tag="⭐ 5.0 Estrelas - Atendimento Especializado"
|
||||
tag="⚠️ Agenda limitada essa semana"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ligar agora", href: "tel:+5511969434769"},
|
||||
{
|
||||
text: "Solicitar orçamento", href: "#contact"},
|
||||
{ text: "💬 Chamar no WhatsApp", href: "https://wa.me/5511969434769" },
|
||||
{ text: "Ligar agora", href: "tel:+5511969434769" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stair-pool-luxury-resort-hotel_74190-1770.jpg"
|
||||
imageAlt="Piscina limpa e cristalina"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-pleased-cheerful-african-american-woman-touches-cheeks-closes-eyes-enjoys-pleasant-moment-wears-yellow-raincoat-isolated-blue-background_273609-33937.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg", alt: "Cliente satisfeito"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Limpeza Profissional"},
|
||||
{
|
||||
type: "text", text: "Tratamento Químico"},
|
||||
{
|
||||
type: "text", text: "Manutenção Mensal"},
|
||||
{
|
||||
type: "text", text: "Atendimento 5 Estrelas"},
|
||||
{
|
||||
type: "text", text: "Confiança e Qualidade"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,20 +59,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ricardo S.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-student-wearing-glasses-stylish-spring-outfit-posing-with-smile-front-fountain_197531-4456.jpg"},
|
||||
{
|
||||
id: "2", name: "Mariana T.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-shopping-bags-one-hand-credit-card-other_23-2148673233.jpg"},
|
||||
{
|
||||
id: "3", name: "João P.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-city_839833-17519.jpg"},
|
||||
{
|
||||
id: "4", name: "Ana R.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
|
||||
{
|
||||
id: "5", name: "Carlos L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{ id: "1", name: "Ricardo S.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-student-wearing-glasses-stylish-spring-outfit-posing-with-smile-front-fountain_197531-4456.jpg" },
|
||||
{ id: "2", name: "Mariana T.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-shopping-bags-one-hand-credit-card-other_23-2148673233.jpg" },
|
||||
{ id: "3", name: "João P.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-city_839833-17519.jpg" },
|
||||
]}
|
||||
cardTitle="O que nossos clientes dizem"
|
||||
cardTag="Avaliações Reais"
|
||||
cardAnimation="slide-up"
|
||||
buttons={[{ text: "💬 WhatsApp", href: "https://wa.me/5511969434769" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,112 +76,37 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1", label: "Limpeza", title: "Limpeza Profissional", items: [
|
||||
"Remoção de detritos", "Limpeza de bordas", "Filtro impecável"],
|
||||
},
|
||||
{
|
||||
id: "s2", label: "Química", title: "Tratamento Químico", items: [
|
||||
"Equilíbrio de PH", "Dosagem de cloro", "Água cristalina"],
|
||||
},
|
||||
{
|
||||
id: "s3", label: "Manutenção", title: "Manutenção Mensal", items: [
|
||||
"Visitas semanais", "Suporte rápido", "Prevenção de algas"],
|
||||
},
|
||||
{ id: "s1", label: "Limpeza", title: "Limpeza Profissional", items: ["Remoção de detritos", "Limpeza de bordas", "Filtro impecável"], buttons: [{ text: "💬 WhatsApp", href: "https://wa.me/5511969434769" }] },
|
||||
{ id: "s2", label: "Química", title: "Tratamento Químico", items: ["Equilíbrio de PH", "Dosagem de cloro", "Água cristalina"], buttons: [{ text: "💬 WhatsApp", href: "https://wa.me/5511969434769" }] },
|
||||
]}
|
||||
title="Nossos Serviços Especializados"
|
||||
description="Soluções completas para manter sua piscina impecável durante todo o ano."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Por que escolher a Lukas Piscinas?"
|
||||
description={[
|
||||
"Atendimento rápido com foco total na sua satisfação.", "Profissionais experientes, honestos e dedicados.", "Produtos de primeira qualidade para garantir a saúde da água.", "Garantia total de um serviço bem feito ou seu dinheiro de volta."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="steps" data-section="steps">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step1", value: "1", title: "Contato", description: "Entre em contato por WhatsApp ou telefone.", imageSrc: "http://img.b2bpic.net/free-photo/summer-concept-with-goggles-snorkel_23-2147646973.jpg"},
|
||||
{
|
||||
id: "step2", value: "2", title: "Avaliação", description: "Visitamos o local e avaliamos a água.", imageSrc: "http://img.b2bpic.net/free-photo/crop-skateboarder-man-ramp_23-2147678250.jpg"},
|
||||
{
|
||||
id: "step3", value: "3", title: "Entrega", description: "Deixamos tudo pronto para seu mergulho.", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-laptop_1232-603.jpg"},
|
||||
]}
|
||||
title="Como funciona o nosso serviço?"
|
||||
description="Três passos simples para você esquecer os problemas e aproveitar sua piscina."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="before-after" data-section="before-after">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "ba1", label: "Antes", title: "Estado Inicial", items: [
|
||||
"Água verde/escura", "Filtro saturado", "Sem uso"],
|
||||
},
|
||||
{
|
||||
id: "ba2", label: "Depois", title: "Pós Tratamento", items: [
|
||||
"Cristalina e pronta", "Equilíbrio químico", "Pronta para mergulho"],
|
||||
},
|
||||
]}
|
||||
title="Resultados Incríveis"
|
||||
description="Transformamos águas verdes e sujas em refúgio cristalino."
|
||||
title="Nossos Serviços"
|
||||
description="Soluções completas para manter sua piscina impecável."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Solicitar Orçamento Grátis"
|
||||
title="Agende seu tratamento hoje mesmo"
|
||||
description="Não perca mais tempo com água suja. Preencha seus dados que entraremos em contato imediatamente."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-3258.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Nome ou Celular"
|
||||
buttonText="Enviar Solicitação"
|
||||
description="Não perca mais tempo com água suja. Chame no WhatsApp ou preencha seus dados."
|
||||
buttonText="💬 Chamar no WhatsApp"
|
||||
onSubmit={() => window.location.href = "https://wa.me/5511969434769"}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lukas Piscinas"
|
||||
columns={[
|
||||
{
|
||||
title: "Contato", items: [
|
||||
{
|
||||
label: "(11) 96943-4769", href: "tel:+5511969434769"},
|
||||
{
|
||||
label: "São Paulo, SP", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Serviços", href: "#services"},
|
||||
{
|
||||
label: "Orçamento", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<div className="fixed bottom-0 left-0 right-0 z-50 flex border-t border-accent bg-background p-2 md:hidden">
|
||||
<a href="tel:+5511969434769" className="flex flex-1 items-center justify-center gap-2 rounded bg-primary-cta p-3 text-primary-cta-text font-bold">
|
||||
<Phone size={20} /> Ligar agora
|
||||
</a>
|
||||
<a href="https://wa.me/5511969434769" className="flex flex-1 items-center justify-center gap-2 rounded border border-primary-cta bg-background p-3 text-primary-cta font-bold">
|
||||
<MessageCircle size={20} /> WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="https://wa.me/5511969434769" className="fixed bottom-20 right-6 z-50 rounded-full bg-green-600 p-4 text-white shadow-lg transition-transform hover:scale-110">
|
||||
<MessageCircle size={32} />
|
||||
</a>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,8 +12,8 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
|
||||
Reference in New Issue
Block a user