215 lines
12 KiB
TypeScript
215 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Droplets, CheckCircle, Package, Star, Award, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Kiosque das Piscinas"
|
|
navItems={[
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Serviços", id: "services" },
|
|
{ name: "Produtos", id: "products" },
|
|
{ name: "Contacto", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Piscinas de Qualidade, Construção Profissional"
|
|
description="Produtos premium da Astralpool, CTX e ACTI. Construção e manutenção de piscinas com expertise local e atendimento de confiança."
|
|
tag="Sua Solução em Piscinas"
|
|
tagIcon={Droplets}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg"
|
|
imageAlt="Piscina moderna e profissional"
|
|
buttons={[
|
|
{ text: "Solicitar Orçamento", href: "contact" },
|
|
{ text: "Ver Produtos", href: "products" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Sobre Nós"
|
|
description={[
|
|
"Somos a referência local em soluções completas para piscinas. Com mais de uma década de experiência, oferecemos produtos de primeira qualidade e serviços profissionais adaptados às necessidades locais de Vila Nova de Gaia.", "Trabalhamos com as melhores marcas do mercado - Astralpool, CTX e ACTI - garantindo qualidade, durabilidade e suporte técnico especializado para cada projeto.", "Nossa missão é proporcionar piscinas seguras, bonitas e bem-mantidas, com atendimento personalizado e soluções ajustadas ao seu orçamento e preferências."]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Contacte-nos", href: "contact" }]}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
title="Nossos Serviços"
|
|
description="Desde construção até manutenção preventiva, cobrimos todas as etapas do ciclo de vida da sua piscina"
|
|
tag="Soluções Completas"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Construção de Piscinas", description: "Projetos personalizados com materiais de qualidade e execução profissional", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-7881.jpg", imageAlt: "Construção de piscina"},
|
|
{
|
|
id: 2,
|
|
title: "Manutenção Preventiva", description: "Limpeza, tratamento químico e inspeção regular para máxima durabilidade", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg", imageAlt: "Manutenção de piscina"},
|
|
{
|
|
id: 3,
|
|
title: "Equipamentos & Produtos", description: "Venda de bombas, filtros, químicos e acessórios das melhores marcas", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "Equipamentos de piscina"},
|
|
{
|
|
id: 4,
|
|
title: "Reparação & Upgrade", description: "Conserto de sistemas existentes e modernização com tecnologia nova", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg", imageAlt: "Reparação de piscina"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Saiba Mais", href: "contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Produtos em Destaque"
|
|
description="Marcas confiáveis e produtos de qualidade profissional para sua piscina"
|
|
tag="Catálogo Premium"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Astralpool", name: "Sistema de Filtração Pro 5000", price: "€2.450,00", rating: 5,
|
|
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "Sistema de filtração Astralpool"},
|
|
{
|
|
id: "2", brand: "CTX", name: "Bomba de Recirculação 2HP", price: "€890,00", rating: 5,
|
|
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "Bomba CTX"},
|
|
{
|
|
id: "3", brand: "ACTI", name: "Tratamento Químico Completo 25kg", price: "€185,00", rating: 5,
|
|
reviewCount: "92+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "Químicos de tratamento ACTI"},
|
|
]}
|
|
buttons={[{ text: "Ver Todos os Produtos", href: "contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="O Que Nossos Clientes Dizem"
|
|
description="Histórias reais de satisfação e confiança no nosso trabalho"
|
|
tag="Depoimentos Verificados"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ricardo Rocha", role: "Proprietário", company: "Vila Nova de Gaia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Ricardo Rocha"},
|
|
{
|
|
id: "2", name: "João Silva", role: "Empresário", company: "Hotel Rural", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "João Silva"},
|
|
{
|
|
id: "3", name: "Maria Santos", role: "Proprietária", company: "Residência Familiar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-family-posing-with-son-thumbs-up_23-2148414903.jpg", imageAlt: "Maria Santos"},
|
|
{
|
|
id: "4", name: "Paulo Oliveira", role: "Gestor", company: "Centro de Lazer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-colleagues-sitting-cafe-break_1262-17973.jpg", imageAlt: "Paulo Oliveira"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "500+", label: "Clientes Satisfeitos" },
|
|
{ value: "15+", label: "Anos de Experiência" },
|
|
{ value: "98%", label: "Taxa de Satisfação" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Parcerias Confiáveis"
|
|
description="Trabalhamos com as marcas líderes do sector para garantir qualidade e inovação"
|
|
tag="Marcas Reconhecidas"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Astralpool", "CTX", "ACTI", "AquaPro", "Marlin", "Zodiac", "Pentair"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/gradient-beach-logo-template_23-2149402962.jpg", "http://img.b2bpic.net/free-vector/gradient-rx-xr-logo-template_23-2149244041.jpg", "http://img.b2bpic.net/free-vector/gradient-delta-logo-design_23-2149488227.jpg", "http://img.b2bpic.net/free-photo/pool-chair_1203-3086.jpg", "http://img.b2bpic.net/free-vector/plumber-services-logo-design-template_742173-26341.jpg", "http://img.b2bpic.net/free-vector/business-card_23-2148109951.jpg", "http://img.b2bpic.net/free-vector/plumber-services-logo-design-template_742173-26341.jpg"]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Contacte-nos Hoje"
|
|
title="Pronto para Sua Piscina?"
|
|
description="Envie-nos uma mensagem ou ligue diretamente. Responderemos no mesmo dia útil com um orçamento personalizado e sem compromisso."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Seu email"
|
|
buttonText="Enviar"
|
|
termsText="Respeitamos sua privacidade. Desinscrever a qualquer momento."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Kiosque das Piscinas"
|
|
copyrightText="© 2025 Kiosque das Piscinas. Todos os direitos reservados."
|
|
columns={[
|
|
{
|
|
title: "Empresa", items: [
|
|
{ label: "Sobre Nós", href: "#about" },
|
|
{ label: "Serviços", href: "#services" },
|
|
{ label: "Produtos", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{ label: "Telefone: 253 069 560", href: "tel:253069560" },
|
|
{ label: "Email", href: "#" },
|
|
{ label: "Endereço: Av. dos Escultores 399, Vila Nova de Gaia", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Política de Privacidade", href: "#" },
|
|
{ label: "Termos de Serviço", href: "#" },
|
|
{ label: "Política de Cookies", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|