Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,74 +31,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#sobre",
|
||||
},
|
||||
{
|
||||
name: "Soluções",
|
||||
id: "#solucoes",
|
||||
},
|
||||
{
|
||||
name: "Marcas",
|
||||
id: "#marcas",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contato",
|
||||
},
|
||||
{ name: "Início", id: "#hero" },
|
||||
{ name: "Sobre", id: "#sobre" },
|
||||
{ name: "Soluções", id: "#solucoes" },
|
||||
{ name: "Marcas", id: "#marcas" },
|
||||
{ name: "Contato", id: "#contato" },
|
||||
]}
|
||||
brandName="Segsistem VrTech"
|
||||
button={{
|
||||
text: "Fale Conosco",
|
||||
href: "#contato",
|
||||
}}
|
||||
text: "Fale Conosco", href: "#contato"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Tecnologia em segurança eletrônica para quem exige confiança, desempenho e suporte técnico real."
|
||||
description="Distribuidora especializada em alarmes, câmeras, controle de acesso e automação de portões em Balneário Camboriú e região."
|
||||
tag="Segsistem VrTech Distribuidora"
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar atendimento",
|
||||
href: "#contato",
|
||||
},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/554735146001",
|
||||
},
|
||||
{ text: "Solicitar atendimento", href: "#contato" },
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/554735146001" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149546690.jpg",
|
||||
imageAlt: "Tecnologia em segurança eletrônica",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",
|
||||
imageAlt: "Segurança premium",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924124.jpg",
|
||||
imageAlt: "Ai powered device concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-camera-lens_23-2150866177.jpg",
|
||||
imageAlt: "3d camera lens",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg",
|
||||
imageAlt: "3d rendered smart camera with colorful lens",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149546690.jpg", imageAlt: "Tecnologia em segurança eletrônica" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg", imageAlt: "Segurança premium" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -111,19 +68,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Segurança começa com a ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368710.jpg",
|
||||
alt: "Segurança",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " escolha certa.",
|
||||
},
|
||||
{ type: "text", content: "Segurança começa com a " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368710.jpg", alt: "Segurança" },
|
||||
{ type: "text", content: " escolha certa." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,42 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Câmeras de Segurança",
|
||||
description: "Monitoramento com alta definição, estabilidade e confiança.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-developer-using-ai-visualization-tools-identify-errors_482257-126366.jpg",
|
||||
imageAlt: "Câmera",
|
||||
},
|
||||
{
|
||||
title: "Alarmes",
|
||||
description: "Proteção inteligente para residências, empresas e condomínios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surveillance-data-security-technology_23-2151967421.jpg",
|
||||
imageAlt: "Alarme",
|
||||
},
|
||||
{
|
||||
title: "Controle de Acesso",
|
||||
description: "Soluções seguras para entradas, permissões e gestão de circulação.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-following-delivery-track-through-city-traffic_482257-93956.jpg",
|
||||
imageAlt: "Controle",
|
||||
},
|
||||
{
|
||||
title: "Automatizadores",
|
||||
description: "Praticidade, robustez e performance no dia a dia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-coding-workstation-solar-panel-manufacturing-plant_482257-125829.jpg",
|
||||
imageAlt: "Portão",
|
||||
},
|
||||
{
|
||||
title: "Distribuição Técnica",
|
||||
description: "Orientação certa para você comprar o equipamento ideal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-seeing-system-hacked-popup-pc-screen-data-center_482257-118291.jpg",
|
||||
imageAlt: "Suporte",
|
||||
},
|
||||
{
|
||||
title: "Suporte Especializado",
|
||||
description: "Equipe técnica pronta para orientar seu projeto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-mobile-phone-dark-room-diisplaying-phone-screen-her-face_627829-6840.jpg",
|
||||
imageAlt: "Equipe",
|
||||
},
|
||||
{ title: "Câmeras de Segurança", description: "Monitoramento com alta definição, estabilidade e confiança.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-developer-using-ai-visualization-tools-identify-errors_482257-126366.jpg", imageAlt: "Câmera" },
|
||||
{ title: "Alarmes", description: "Proteção inteligente para residências, empresas e condomínios.", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-data-security-technology_23-2151967421.jpg", imageAlt: "Alarme" },
|
||||
{ title: "Controle de Acesso", description: "Soluções seguras para entradas, permissões e gestão de circulação.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-following-delivery-track-through-city-traffic_482257-93956.jpg", imageAlt: "Controle" },
|
||||
{ title: "Automatizadores", description: "Praticidade, robustez e performance no dia a dia.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-coding-workstation-solar-panel-manufacturing-plant_482257-125829.jpg", imageAlt: "Portão" },
|
||||
{ title: "Distribuição Técnica", description: "Orientação certa para você comprar o equipamento ideal.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-seeing-system-hacked-popup-pc-screen-data-center_482257-118291.jpg", imageAlt: "Suporte" },
|
||||
{ title: "Suporte Especializado", description: "Equipe técnica pronta para orientar seu projeto.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-mobile-phone-dark-room-diisplaying-phone-screen-her-face_627829-6840.jpg", imageAlt: "Equipe" },
|
||||
]}
|
||||
title="Soluções completas para segurança profissional"
|
||||
description="Tudo o que você precisa para proteger seu patrimônio com excelência."
|
||||
@@ -182,14 +99,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Hikvision",
|
||||
"Garen",
|
||||
"Inpol",
|
||||
"Ipec",
|
||||
"Intelbras",
|
||||
"JFL",
|
||||
"Segurimax",
|
||||
]}
|
||||
"Hikvision", "Garen", "Inpol", "Ipec", "Intelbras", "JFL", "Segurimax"]}
|
||||
title="Marcas reconhecidas pelo mercado"
|
||||
description="Produtos confiáveis para quem trabalha com segurança de verdade."
|
||||
/>
|
||||
@@ -202,26 +112,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Rodnei Mattos"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
alt: "Rodnei",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Frederico",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
alt: "Rafael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg",
|
||||
alt: "Cliente",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", alt: "Rodnei" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Frederico" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Rafael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg", alt: "Cliente" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg", alt: "Cliente" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -234,27 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Atendimento humano",
|
||||
description: "Você fala com quem entende.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masked-man-photovoltaics-factory-commits-corporate-espionage_482257-120383.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Técnica",
|
||||
title: "Equipe qualificada",
|
||||
description: "Recomendação certa sempre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-businessman-looking-into-project-details-timetables_482257-90416.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Premium",
|
||||
title: "Marcas reconhecidas",
|
||||
description: "Alta confiabilidade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-executive-manager-singing-dancing-break-startup-office_482257-77686.jpg",
|
||||
},
|
||||
{ id: "1", value: "100%", title: "Atendimento humano", description: "Você fala com quem entende.", imageSrc: "http://img.b2bpic.net/free-photo/masked-man-photovoltaics-factory-commits-corporate-espionage_482257-120383.jpg" },
|
||||
{ id: "2", value: "Técnica", title: "Equipe qualificada", description: "Recomendação certa sempre.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-businessman-looking-into-project-details-timetables_482257-90416.jpg" },
|
||||
{ id: "3", value: "Premium", title: "Marcas reconhecidas", description: "Alta confiabilidade.", imageSrc: "http://img.b2bpic.net/free-photo/playful-executive-manager-singing-dancing-break-startup-office_482257-77686.jpg" },
|
||||
]}
|
||||
title="Por que escolher a Segsistem?"
|
||||
description="Nosso compromisso com você vai além da simples venda."
|
||||
@@ -264,15 +141,10 @@ export default function LandingPage() {
|
||||
<div id="contato" data-section="contato">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Precisa do equipamento certo para seu projeto? Nossa equipe ajuda você a escolher a solução ideal com orientação técnica e atendimento rápido."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar agora no WhatsApp",
|
||||
href: "https://wa.me/554735146001",
|
||||
},
|
||||
{ text: "Falar agora no WhatsApp", href: "https://wa.me/554735146001" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,54 +153,24 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Segsistem VrTech",
|
||||
items: [
|
||||
{
|
||||
label: "R. Araranguá, 51 – Municípios",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Balneário Camboriú – SC",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(47) 3514-6001",
|
||||
href: "tel:4735146001",
|
||||
},
|
||||
title: "Segsistem VrTech", items: [
|
||||
{ label: "R. Araranguá, 51 – Municípios", href: "#" },
|
||||
{ label: "Balneário Camboriú – SC", href: "#" },
|
||||
{ label: "(47) 3514-6001", href: "tel:4735146001" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horário",
|
||||
items: [
|
||||
{
|
||||
label: "Segunda a sexta",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "A partir das 08:00",
|
||||
href: "#",
|
||||
},
|
||||
title: "Horário", items: [
|
||||
{ label: "Segunda a sexta", href: "#" },
|
||||
{ label: "A partir das 08:00", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#sobre",
|
||||
},
|
||||
{
|
||||
label: "Soluções",
|
||||
href: "#solucoes",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contato",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Início", href: "#hero" },
|
||||
{ label: "Sobre", href: "#sobre" },
|
||||
{ label: "Soluções", href: "#solucoes" },
|
||||
{ label: "Contato", href: "#contato" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user