Update src/app/page.tsx
This commit is contained in:
368
src/app/page.tsx
368
src/app/page.tsx
@@ -7,9 +7,9 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Briefcase, FileText, Settings, ShoppingBag, Truck, Users } from "lucide-react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Briefcase, FileText, Settings, ShoppingBag, Truck, Users, Factory, Clipboard, Sprout } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,289 +17,101 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Zap Softwares"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Produtos", id: "features" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Zap Softwares"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Zap Softwares | Soluções em Gestão Inteligente"
|
||||
description="Desenvolvemos softwares robustos para transformar a gestão da sua empresa. Tecnologia de ponta para agronegócio, logística, varejo e indústria."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça nossas soluções",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg?_wi=1",
|
||||
imageAlt: "Software Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg?_wi=1",
|
||||
imageAlt: "Time de especialistas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg?_wi=1",
|
||||
imageAlt: "Rede conectada",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tablet-working-logistic_23-2148886824.jpg?_wi=1",
|
||||
imageAlt: "Gestão Logística",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg?_wi=1",
|
||||
imageAlt: "Infraestrutura em nuvem",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg?_wi=1",
|
||||
imageAlt: "Relatórios ERP",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Zap Softwares | Soluções em Gestão Inteligente"
|
||||
description="Desenvolvemos softwares robustos para transformar a gestão da sua empresa. Tecnologia de ponta para agronegócio, logística, varejo e indústria."
|
||||
buttons={[{ text: "Conheça nossas soluções", href: "#features" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg", imageAlt: "Software Analytics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg", imageAlt: "Time de especialistas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg", imageAlt: "Rede conectada" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-tablet-working-logistic_23-2148886824.jpg", imageAlt: "Gestão Logística" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg", imageAlt: "Infraestrutura em nuvem" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg", imageAlt: "Relatórios ERP" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Sobre a Zap Softwares"
|
||||
description="Com anos de experiência no mercado de TI, a Zap Softwares dedica-se a oferecer soluções que simplificam a rotina empresarial. De sistemas ERP completos a ferramentas de BI, focamos na inovação contínua para manter sua empresa competitiva em um mercado em constante evolução."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-lady-female-director-sitting-office-desk-discussing-results-planning-work-group-meeting-with-coworkers-working-together-office_141793-21302.jpg"
|
||||
imageAlt="Equipe de liderança e especialistas"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Sobre a Zap Softwares"
|
||||
description="Com anos de experiência no mercado de TI, a Zap Softwares dedica-se a oferecer soluções que simplificam a rotina empresarial."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-lady-female-director-sitting-office-desk-discussing-results-planning-work-group-meeting-with-coworkers-working-together-office_141793-21302.jpg"
|
||||
imageAlt="Equipe de liderança e especialistas"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gestão Empresarial (ERP)",
|
||||
description: "WK Radar completo para controle total de sua empresa, incluindo áreas contábil, industrial e comercial.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-with-white-background_187299-39862.jpg",
|
||||
imageAlt: "ERP Software",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "ERP WK Radar",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Gestão Contábil",
|
||||
},
|
||||
{
|
||||
icon: Factory,
|
||||
text: "WK Industrial",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg?_wi=2",
|
||||
imageAlt: "software dashboard analytics professional",
|
||||
},
|
||||
{
|
||||
title: "Gestão de Pessoas",
|
||||
description: "Soluções completas para RH, promovendo eficiência no controle de pessoal e rotinas administrativas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-rocket-icon_53876-13918.jpg",
|
||||
imageAlt: "RH Solutions",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Folha de Pagamento",
|
||||
},
|
||||
{
|
||||
icon: ClipboardList,
|
||||
text: "Recrutamento e Seleção",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "Treinamentos",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg?_wi=2",
|
||||
imageAlt: "professional team working tech",
|
||||
},
|
||||
{
|
||||
title: "Segmentos de Atuação",
|
||||
description: "Tecnologia adaptada para as necessidades específicas do Agronegócio, Logística e Varejo.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-filled-icon-pack-including-internet-connectivity-operation-network-house_1142-21386.jpg",
|
||||
imageAlt: "Segmentos",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Logística (Aquaviário/Aéreo)",
|
||||
},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "Comércio Varejista",
|
||||
},
|
||||
{
|
||||
icon: Sprout,
|
||||
text: "Agronegócio",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg?_wi=2",
|
||||
imageAlt: "data network visualization technology",
|
||||
},
|
||||
]}
|
||||
title="Nossas Soluções Especializadas"
|
||||
description="Sistemas integrados para diversos segmentos, desde a gestão de pessoas até o controle industrial."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Nossas Soluções Especializadas"
|
||||
description="Sistemas integrados para diversos segmentos."
|
||||
features={[
|
||||
{
|
||||
title: "Gestão Empresarial (ERP)", description: "WK Radar completo para controle total de sua empresa.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-with-white-background_187299-39862.jpg", imageAlt: "ERP Software" },
|
||||
items: [{ icon: Settings, text: "ERP WK Radar" }, { icon: FileText, text: "Gestão Contábil" }, { icon: Factory, text: "WK Industrial" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Gestão de Pessoas", description: "Soluções completas para RH.", media: { imageSrc: "http://img.b2bpic.net/free-photo/start-up-business-rocket-icon_53876-13918.jpg", imageAlt: "RH Solutions" },
|
||||
items: [{ icon: Users, text: "Folha de Pagamento" }, { icon: Clipboard, text: "Recrutamento e Seleção" }, { icon: Briefcase, text: "Treinamentos" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Segmentos de Atuação", description: "Tecnologia adaptada para as necessidades do campo.", media: { imageSrc: "http://img.b2bpic.net/free-vector/hardware-engineering-internet-25-line-filled-icon-pack-including-internet-connectivity-operation-network-house_1142-21386.jpg", imageAlt: "Segmentos" },
|
||||
items: [{ icon: Truck, text: "Logística (Aquaviário/Aéreo)" }, { icon: ShoppingBag, text: "Comércio Varejista" }, { icon: Sprout, text: "Agronegócio" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Empresas líderes confiam na Zap Softwares para otimizar suas operações."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Mendes",
|
||||
role: "Diretor de Logística, TransLog",
|
||||
testimonial: "A implementação do sistema mudou nosso patamar de rastreabilidade e eficiência operacional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tablet-working-logistic_23-2148886824.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana Souza",
|
||||
role: "RH, Grupo Varejo Brasil",
|
||||
testimonial: "A automação da folha de pagamento reduziu em 40% nosso tempo administrativo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Roberto Silva",
|
||||
role: "Gerente Industrial",
|
||||
testimonial: "O WK Industrial é a ferramenta mais completa que já utilizamos em fábrica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fernanda Lima",
|
||||
role: "Diretora Agronegócio",
|
||||
testimonial: "Soluções inteligentes que realmente entendem a necessidade do campo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcelo Oliveira",
|
||||
role: "CEO, Tech Solutions",
|
||||
testimonial: "Atendimento rápido, suporte de alta qualidade e software extremamente estável.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Fale Conosco"
|
||||
title="Entre em contato agora"
|
||||
description="Descubra como podemos ajudar a sua empresa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Fale Conosco"
|
||||
title="Entre em contato agora"
|
||||
description="Descubra como podemos ajudar a sua empresa a alcançar um novo patamar de eficiência."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Zap Softwares"
|
||||
columns={[
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "(43) 3532-4900",
|
||||
href: "tel:+554335324900",
|
||||
},
|
||||
{
|
||||
label: "contato@zapsoftwares.com.br",
|
||||
href: "mailto:contato@zapsoftwares.com.br",
|
||||
},
|
||||
{
|
||||
label: "R. Cel. Batista, 781, Cambará - PR",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Acesso Rápido",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
{
|
||||
label: "Helpdesk",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Remoto",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Zap Softwares"
|
||||
columns={[
|
||||
{ title: "Contato", items: [{ label: "(43) 3532-4900", href: "tel:+554335324900" }, { label: "contato@zapsoftwares.com.br", href: "mailto:contato@zapsoftwares.com.br" }] },
|
||||
{ title: "Acesso Rápido", items: [{ label: "Início", href: "#hero" }, { label: "Sobre Nós", href: "#about" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user