Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Droplets, Lightbulb, ShieldCheck, Sun, Wrench, Zap } from "lucide-react";
|
||||
import { Droplets, Lightbulb, ShieldCheck, Sun, Wrench, Zap, Lamp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,116 +17,57 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Categorias",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Nossa Loja",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Categorias", id: "features" },
|
||||
{ name: "Nossa Loja", id: "about" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Dez Eletricidade"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5554999999999",
|
||||
}}
|
||||
button={{ text: "WhatsApp", href: "https://wa.me/5554999999999" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Tudo para sua reforma em um só lugar"
|
||||
description="A Dez Eletricidade oferece os melhores materiais elétricos, iluminação e hidráulica em Erechim para sua casa ficar do seu jeito."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Anos de tradição",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Atendimento técnico",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Produtos em estoque",
|
||||
},
|
||||
{ value: "10+", label: "Anos de tradição" },
|
||||
{ value: "100%", label: "Atendimento técnico" },
|
||||
{ value: "5000+", label: "Produtos em estoque" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale pelo WhatsApp",
|
||||
href: "https://wa.me/5554999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2YzUDdcTrN7200G8nM9nUiXKY/uploaded-1775585428448-2dj325is.jpg?_wi=1"
|
||||
buttons={[{ text: "Fale pelo WhatsApp", href: "https://wa.me/5554999999999" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2YzUDdcTrN7200G8nM9nUiXKY/uploaded-1775585428448-2dj325is.jpg"
|
||||
imageAlt="Loja Dez Eletricidade em Erechim"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25148.jpg",
|
||||
alt: "Cliente satisfeito 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
|
||||
alt: "Cliente satisfeito 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-painting-wall-looking-camera_23-2147758682.jpg",
|
||||
alt: "Cliente satisfeito 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/profession-occupation-teamwork-job-concept-positive-maintenance-workers-enjoying-working-together-helping-people-with-repairing-fixing-things_273609-7881.jpg",
|
||||
alt: "Cliente satisfeito 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
|
||||
alt: "Cliente satisfeito 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25148.jpg", alt: "Cliente satisfeito 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg", alt: "Cliente satisfeito 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-painting-wall-looking-camera_23-2147758682.jpg", alt: "Cliente satisfeito 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/profession-occupation-teamwork-job-concept-positive-maintenance-workers-enjoying-working-together-helping-people-with-repairing-fixing-things_273609-7881.jpg", alt: "Cliente satisfeito 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg", alt: "Cliente satisfeito 5" },
|
||||
]}
|
||||
avatarText="Mais de 5.000 clientes satisfeitos em Erechim"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Materiais Elétricos",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Iluminação Moderna",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Peças Hidráulicas",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ferragens de Qualidade",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Atendimento Técnico",
|
||||
icon: Wrench,
|
||||
},
|
||||
{ type: "text-icon", text: "Materiais Elétricos", icon: Zap },
|
||||
{ type: "text-icon", text: "Iluminação Moderna", icon: Lightbulb },
|
||||
{ type: "text-icon", text: "Peças Hidráulicas", icon: Droplets },
|
||||
{ type: "text-icon", text: "Ferragens de Qualidade", icon: Wrench },
|
||||
{ type: "text-icon", text: "Atendimento Técnico", icon: Wrench },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,54 +79,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Elétrica e Hidráulica",
|
||||
description: "Desde fiação básica e disjuntores até conexões hidráulicas completas para seu banheiro ou cozinha.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950906.jpg?_wi=1",
|
||||
imageAlt: "Materiais Elétricos",
|
||||
},
|
||||
title: "Elétrica e Hidráulica", description: "Desde fiação básica e disjuntores até conexões hidráulicas completas para seu banheiro ou cozinha.", media: { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950906.jpg", imageAlt: "Materiais Elétricos" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fios, cabos e quadros de energia",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Tubos, conexões e registros",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Produtos certificados",
|
||||
},
|
||||
{ icon: Zap, text: "Fios, cabos e quadros de energia" },
|
||||
{ icon: Droplets, text: "Tubos, conexões e registros" },
|
||||
{ icon: ShieldCheck, text: "Produtos certificados" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2YzUDdcTrN7200G8nM9nUiXKY/uploaded-1775585428448-2dj325is.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Iluminação e Design",
|
||||
description: "Dê um novo brilho à sua casa com nossa linha de luminárias, spots e lâmpadas econômicas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceiling-light-lamp_1203-8530.jpg",
|
||||
imageAlt: "Iluminação",
|
||||
},
|
||||
title: "Iluminação e Design", description: "Dê um novo brilho à sua casa com nossa linha de luminárias, spots e lâmpadas econômicas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ceiling-light-lamp_1203-8530.jpg", imageAlt: "Iluminação" },
|
||||
items: [
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Lâmpadas LED de alta durabilidade",
|
||||
},
|
||||
{
|
||||
icon: LampCeiling,
|
||||
text: "Lustres e luminárias de teto",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Iluminação externa e decorativa",
|
||||
},
|
||||
{ icon: Lightbulb, text: "Lâmpadas LED de alta durabilidade" },
|
||||
{ icon: Lamp, text: "Lustres e luminárias de teto" },
|
||||
{ icon: Sun, text: "Iluminação externa e decorativa" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950906.jpg?_wi=2",
|
||||
imageAlt: "electric cables and sockets retail store",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Categorias de Produtos"
|
||||
@@ -199,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
role: "Cliente",
|
||||
testimonial: "Ótimo atendimento, os vendedores realmente entendem de elétrica!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25148.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Souza",
|
||||
role: "Cliente",
|
||||
testimonial: "Encontrei tudo que precisava para o reparo do chuveiro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mariana Lima",
|
||||
role: "Cliente",
|
||||
testimonial: "Iluminação perfeita para minha cozinha, amei!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-wall-looking-camera_23-2147758682.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "João Pereira",
|
||||
role: "Cliente",
|
||||
testimonial: "Sempre encontro ferragens e utilidades de qualidade aqui.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-occupation-teamwork-job-concept-positive-maintenance-workers-enjoying-working-together-helping-people-with-repairing-fixing-things_273609-7881.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Patrícia Alves",
|
||||
role: "Cliente",
|
||||
testimonial: "Entrega rápida e preço justo na minha reforma.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Silva", role: "Cliente", testimonial: "Ótimo atendimento, os vendedores realmente entendem de elétrica!", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25148.jpg" },
|
||||
{ id: "2", name: "Carlos Souza", role: "Cliente", testimonial: "Encontrei tudo que precisava para o reparo do chuveiro.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg" },
|
||||
{ id: "3", name: "Mariana Lima", role: "Cliente", testimonial: "Iluminação perfeita para minha cozinha, amei!", imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-wall-looking-camera_23-2147758682.jpg" },
|
||||
{ id: "4", name: "João Pereira", role: "Cliente", testimonial: "Sempre encontro ferragens e utilidades de qualidade aqui.", imageSrc: "http://img.b2bpic.net/free-photo/profession-occupation-teamwork-job-concept-positive-maintenance-workers-enjoying-working-together-helping-people-with-repairing-fixing-things_273609-7881.jpg" },
|
||||
{ id: "5", name: "Patrícia Alves", role: "Cliente", testimonial: "Entrega rápida e preço justo na minha reforma.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg" },
|
||||
]}
|
||||
title="Quem confia na Dez Eletricidade"
|
||||
description="Veja o que nossos clientes de Erechim dizem sobre nosso atendimento e qualidade."
|
||||
@@ -244,21 +123,14 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tradição e Confiança em Erechim"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça nossa loja",
|
||||
href: "/sobre",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Conheça nossa loja", href: "/sobre" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Estamos Prontos para Ajudar"
|
||||
title="Precisa de ajuda com sua reforma?"
|
||||
description="Fale com nossa equipe técnica pelo WhatsApp e receba orientações para seu projeto sem complicações."
|
||||
@@ -270,44 +142,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Categorias",
|
||||
items: [
|
||||
{
|
||||
label: "Elétrica",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Iluminação",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Hidráulica",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ferragens",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Loja",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dicas",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Categorias", items: [{ label: "Elétrica", href: "#" }, { label: "Iluminação", href: "#" }, { label: "Hidráulica", href: "#" }, { label: "Ferragens", href: "#" }] },
|
||||
{ title: "Loja", items: [{ label: "Sobre", href: "#" }, { label: "Dicas", href: "#" }, { label: "Contato", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Dez Eletricidade - Erechim, RS"
|
||||
bottomRightText="Atendimento especializado desde sempre."
|
||||
|
||||
Reference in New Issue
Block a user