Update src/app/page.tsx
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -11,7 +11,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Award, Building, Lightbulb, ShieldCheck, User } from "lucide-react";
|
||||
import { Award, Building, Lightbulb, ShieldCheck, User, Hand, EyeOff } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre", id: "#about"},
|
||||
{
|
||||
name: "Recursos",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Recursos", id: "#features"},
|
||||
{
|
||||
name: "Produto",
|
||||
id: "#product",
|
||||
},
|
||||
name: "Produto", id: "#product"},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Planos", id: "#pricing"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "#contact"},
|
||||
]}
|
||||
brandName="Safe Sip"
|
||||
/>
|
||||
@@ -63,85 +51,53 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Safe Sip: Sua Segurança, Um Gole de Distância"
|
||||
description="Proteja-se contra a adulteração de bebidas com o copo inteligente Safe Sip. Nossa tecnologia inovadora muda de cor para roxo ao detectar substâncias suspeitas, garantindo sua tranquilidade em qualquer ambiente."
|
||||
kpis={[
|
||||
{
|
||||
value: "+99%",
|
||||
label: "Detecção Precisa",
|
||||
},
|
||||
value: "+99%", label: "Detecção Precisa"},
|
||||
{
|
||||
value: "2s",
|
||||
label: "Tempo de Reação",
|
||||
},
|
||||
value: "2s", label: "Tempo de Reação"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Tranquilidade",
|
||||
},
|
||||
value: "100%", label: "Tranquilidade"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Saiba Mais",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Saiba Mais", href: "#about"},
|
||||
{
|
||||
text: "Ver o Produto",
|
||||
href: "#product",
|
||||
},
|
||||
text: "Ver o Produto", href: "#product"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-splashes-white-cup-black-background_8353-1510.jpg"
|
||||
imageAlt="Copo inteligente Safe Sip branco com brilho roxo"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-pretty-girl-against-white-background_23-2147839610.jpg",
|
||||
alt: "Usuário satisfeito 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-pretty-girl-against-white-background_23-2147839610.jpg", alt: "Usuário satisfeito 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
|
||||
alt: "Usuário satisfeito 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Usuário satisfeito 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-delighted-asian-girl-shows-call-me-gesture-makes-phone-hand-sign-has-happy-expression-healthy-skin-wears-spectacles-casual-wear-isolated-yellow-wall-body-language_273609-28001.jpg",
|
||||
alt: "Usuário satisfeito 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-delighted-asian-girl-shows-call-me-gesture-makes-phone-hand-sign-has-happy-expression-healthy-skin-wears-spectacles-casual-wear-isolated-yellow-wall-body-language_273609-28001.jpg", alt: "Usuário satisfeito 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
alt: "Usuário satisfeito 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Usuário satisfeito 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136843.jpg",
|
||||
alt: "Usuário satisfeito 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136843.jpg", alt: "Usuário satisfeito 5"},
|
||||
]}
|
||||
avatarText="Mais de 10 mil copos vendidos!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inovação Contínua",
|
||||
type: "text", text: "Inovação Contínua"},
|
||||
{
|
||||
type: "text-icon", text: "Segurança Certificada", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Segurança Certificada",
|
||||
icon: ShieldCheck,
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/milk-splashes-white-cup-black-background_8353-1510.jpg", alt: "Copo Safe Sip em destaque"},
|
||||
{
|
||||
type: "text-icon", text: "Tecnologia Patenteada", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/milk-splashes-white-cup-black-background_8353-1510.jpg",
|
||||
alt: "Copo Safe Sip em destaque",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tecnologia Patenteada",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Futuro Mais Seguro",
|
||||
},
|
||||
type: "text", text: "Futuro Mais Seguro"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,17 +110,11 @@ export default function LandingPage() {
|
||||
description="Nossa tecnologia patenteada integra sensores químicos no material do copo. Ao entrar em contato com substâncias suspeitas, uma reação instantânea altera a cor do copo de branco para um roxo vibrante, alertando você de forma discreta e imediata. Simples, eficaz e confiável."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Detectores Avançados",
|
||||
description: "Sensores inteligentes reagem a um amplo espectro de substâncias adulterantes comuns.",
|
||||
},
|
||||
title: "Detectores Avançados", description: "Sensores inteligentes reagem a um amplo espectro de substâncias adulterantes comuns."},
|
||||
{
|
||||
title: "Reação Visual Instantânea",
|
||||
description: "A mudança de cor de branco para roxo é um alerta claro e inconfundível.",
|
||||
},
|
||||
title: "Reação Visual Instantânea", description: "A mudança de cor de branco para roxo é um alerta claro e inconfundível."},
|
||||
{
|
||||
title: "Privacidade Garantida",
|
||||
description: "A detecção ocorre no copo, sem a necessidade de dispositivos externos ou atenção indesejada.",
|
||||
},
|
||||
title: "Privacidade Garantida", description: "A detecção ocorre no copo, sem a necessidade de dispositivos externos ou atenção indesejada."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-water-crystal-with-bright-shadow-dual-background_23-2147948729.jpg"
|
||||
imageAlt="Copo Safe Sip mudando de cor de branco para roxo"
|
||||
@@ -178,33 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Segurança Inabalável",
|
||||
description: "Proteção ativa contra a adulteração de bebidas, permitindo que você aproveite seus momentos com total tranquilidade.",
|
||||
buttonIcon: "ShieldCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
|
||||
imageAlt: "Ícone de escudo de segurança roxo",
|
||||
},
|
||||
title: "Segurança Inabalável", description: "Proteção ativa contra a adulteração de bebidas, permitindo que você aproveite seus momentos com total tranquilidade.", buttonIcon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg", imageAlt: "Ícone de escudo de segurança roxo"},
|
||||
{
|
||||
title: "Praticidade Sem Igual",
|
||||
description: "Design ergonômico e fácil de usar, ideal para qualquer situação social, de bares a eventos e festas.",
|
||||
buttonIcon: "Hand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-hand-with-black-leather-gloves-holding-cup-coffee-white_140725-19792.jpg",
|
||||
imageAlt: "Mão segurando copo inteligente",
|
||||
},
|
||||
title: "Praticidade Sem Igual", description: "Design ergonômico e fácil de usar, ideal para qualquer situação social, de bares a eventos e festas.", buttonIcon: Hand,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-hand-with-black-leather-gloves-holding-cup-coffee-white_140725-19792.jpg", imageAlt: "Mão segurando copo inteligente"},
|
||||
{
|
||||
title: "Inovação Tecnológica",
|
||||
description: "Uma solução pioneira que utiliza o que há de mais moderno em sensoriamento para sua proteção.",
|
||||
buttonIcon: "Lightbulb",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-with-yellow-crumpled-paper-colored-background_23-2147873493.jpg",
|
||||
imageAlt: "Lâmpada roxa simbolizando inovação",
|
||||
},
|
||||
title: "Inovação Tecnológica", description: "Uma solução pioneira que utiliza o que há de mais moderno em sensoriamento para sua proteção.", buttonIcon: Lightbulb,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-light-bulb-with-yellow-crumpled-paper-colored-background_23-2147873493.jpg", imageAlt: "Lâmpada roxa simbolizando inovação"},
|
||||
{
|
||||
title: "Discreto e Eficaz",
|
||||
description: "Alerta visual que não atrai atenção indesejada, mantendo sua segurança pessoal como prioridade.",
|
||||
buttonIcon: "EyeOff",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883558.jpg",
|
||||
imageAlt: "Ícone de olho cortado, indicando discrição",
|
||||
},
|
||||
title: "Discreto e Eficaz", description: "Alerta visual que não atrai atenção indesejada, mantendo sua segurança pessoal como prioridade.", buttonIcon: EyeOff,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883558.jpg", imageAlt: "Ícone de olho cortado, indicando discrição"},
|
||||
]}
|
||||
title="Benefícios Essenciais da Safe Sip"
|
||||
description="Desenvolvido pensando na sua segurança e conveniência, o Safe Sip oferece um novo padrão de proteção."
|
||||
@@ -216,14 +150,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Bares e Casas Noturnas",
|
||||
"Produtores de Eventos",
|
||||
"Universidades e Associações",
|
||||
"Redes de Hotéis e Resorts",
|
||||
"Consumidores Individuais",
|
||||
"Empresas de Segurança Privada",
|
||||
"Organizações de Saúde Pública",
|
||||
]}
|
||||
"Bares e Casas Noturnas", "Produtores de Eventos", "Universidades e Associações", "Redes de Hotéis e Resorts", "Consumidores Individuais", "Empresas de Segurança Privada", "Organizações de Saúde Pública"]}
|
||||
title="Quem a Safe Sip Protege?"
|
||||
description="Nossa solução é pensada para todos que buscam mais segurança em seus momentos de lazer e convívio social."
|
||||
/>
|
||||
@@ -237,47 +164,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "mvp-classic",
|
||||
name: "Safe Sip Classic",
|
||||
price: "R$ 89,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-beauty-product-studio_23-2151401426.jpg",
|
||||
imageAlt: "Safe Sip Classic, copo branco",
|
||||
},
|
||||
id: "mvp-classic", name: "Safe Sip Classic", price: "R$ 89,90", imageSrc: "http://img.b2bpic.net/free-photo/3d-beauty-product-studio_23-2151401426.jpg", imageAlt: "Safe Sip Classic, copo branco"},
|
||||
{
|
||||
id: "mvp-premium",
|
||||
name: "Safe Sip Premium",
|
||||
price: "R$ 129,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-laptop-smartphone-beach_23-2148578302.jpg",
|
||||
imageAlt: "Safe Sip Premium, copo branco com detalhes",
|
||||
},
|
||||
id: "mvp-premium", name: "Safe Sip Premium", price: "R$ 129,90", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-laptop-smartphone-beach_23-2148578302.jpg", imageAlt: "Safe Sip Premium, copo branco com detalhes"},
|
||||
{
|
||||
id: "mvp-travel",
|
||||
name: "Safe Sip Go",
|
||||
price: "R$ 99,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-muffin-tin-with-batter_23-2147787086.jpg",
|
||||
imageAlt: "Safe Sip Go, copo compacto",
|
||||
},
|
||||
id: "mvp-travel", name: "Safe Sip Go", price: "R$ 99,90", imageSrc: "http://img.b2bpic.net/free-photo/from-muffin-tin-with-batter_23-2147787086.jpg", imageAlt: "Safe Sip Go, copo compacto"},
|
||||
{
|
||||
id: "mvp-bundle",
|
||||
name: "Kit Safe Sip Duo",
|
||||
price: "R$ 159,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-lemon-juice_23-2148770686.jpg",
|
||||
imageAlt: "Dois copos Safe Sip",
|
||||
},
|
||||
id: "mvp-bundle", name: "Kit Safe Sip Duo", price: "R$ 159,90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-lemon-juice_23-2148770686.jpg", imageAlt: "Dois copos Safe Sip"},
|
||||
{
|
||||
id: "mvp-events",
|
||||
name: "Safe Sip Eventos (50un)",
|
||||
price: "R$ 3.500,00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-mask-pouring-beer_23-2148872417.jpg",
|
||||
imageAlt: "Pilhas de copos Safe Sip para eventos",
|
||||
},
|
||||
id: "mvp-events", name: "Safe Sip Eventos (50un)", price: "R$ 3.500,00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-mask-pouring-beer_23-2148872417.jpg", imageAlt: "Pilhas de copos Safe Sip para eventos"},
|
||||
{
|
||||
id: "mvp-tech",
|
||||
name: "Safe Sip Lab",
|
||||
price: "R$ 299,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-notepad-table-lamp-trendy-viva-magenta_169016-29149.jpg",
|
||||
imageAlt: "Copo Safe Sip com interface tecnológica",
|
||||
},
|
||||
id: "mvp-tech", name: "Safe Sip Lab", price: "R$ 299,90", imageSrc: "http://img.b2bpic.net/free-photo/glass-notepad-table-lamp-trendy-viva-magenta_169016-29149.jpg", imageAlt: "Copo Safe Sip com interface tecnológica"},
|
||||
]}
|
||||
title="Conheça o MVP do Safe Sip"
|
||||
description="Nosso Produto Mínimo Viável já entrega a essência da segurança inteligente em suas mãos. Um design robusto e funcional, pronto para proteger."
|
||||
@@ -291,61 +188,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Individual",
|
||||
badgeIcon: User,
|
||||
price: "R$ 89,90",
|
||||
name: "Proteção Pessoal",
|
||||
buttons: [
|
||||
id: "basic", badge: "Individual", badgeIcon: User,
|
||||
price: "R$ 89,90", name: "Proteção Pessoal", buttons: [
|
||||
{
|
||||
text: "Comprar Agora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Comprar Agora", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Copo Safe Sip Classic",
|
||||
"Detecção Instantânea",
|
||||
"Reutilizável",
|
||||
"Garantia de 1 Ano",
|
||||
],
|
||||
"Copo Safe Sip Classic", "Detecção Instantânea", "Reutilizável", "Garantia de 1 Ano"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Empresarial",
|
||||
badgeIcon: Building,
|
||||
price: "Sob Consulta",
|
||||
name: "Solução para Eventos",
|
||||
buttons: [
|
||||
id: "pro", badge: "Empresarial", badgeIcon: Building,
|
||||
price: "Sob Consulta", name: "Solução para Eventos", buttons: [
|
||||
{
|
||||
text: "Solicitar Orçamento",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Solicitar Orçamento", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Pacotes de 50+ Unidades",
|
||||
"Personalização (Logo)",
|
||||
"Suporte Prioritário",
|
||||
"Treinamento para Equipes",
|
||||
],
|
||||
"Pacotes de 50+ Unidades", "Personalização (Logo)", "Suporte Prioritário", "Treinamento para Equipes"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Parceria",
|
||||
badgeIcon: Award,
|
||||
price: "Fale Conosco",
|
||||
name: "Inovação para Parceiros",
|
||||
buttons: [
|
||||
id: "premium", badge: "Parceria", badgeIcon: Award,
|
||||
price: "Fale Conosco", name: "Inovação para Parceiros", buttons: [
|
||||
{
|
||||
text: "Seja um Parceiro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Seja um Parceiro", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Acesso Antecipado",
|
||||
"Integração de Marca",
|
||||
"Desenvolvimento Conjunto",
|
||||
"Retorno de Investimento",
|
||||
],
|
||||
"Acesso Antecipado", "Integração de Marca", "Desenvolvimento Conjunto", "Retorno de Investimento"],
|
||||
},
|
||||
]}
|
||||
title="Nossos Planos e Diferenciais"
|
||||
@@ -357,8 +224,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Entre em Contato"
|
||||
title="Junte-se à Revolução Safe Sip!"
|
||||
description="Seja um cliente, parceiro ou investidor. Preencha o formulário abaixo e faremos contato para construir um futuro mais seguro juntos."
|
||||
@@ -372,50 +238,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
title: "Produto", items: [
|
||||
{
|
||||
label: "Como Funciona",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Como Funciona", href: "#about"},
|
||||
{
|
||||
label: "Benefícios",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Benefícios", href: "#features"},
|
||||
{
|
||||
label: "MVP",
|
||||
href: "#product",
|
||||
},
|
||||
label: "MVP", href: "#product"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nós", href: "#about"},
|
||||
{
|
||||
label: "Público-Alvo",
|
||||
href: "#target-audience",
|
||||
},
|
||||
label: "Público-Alvo", href: "#target-audience"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Jurídico",
|
||||
items: [
|
||||
title: "Jurídico", items: [
|
||||
{
|
||||
label: "Termos de Uso",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termos de Uso", href: "#"},
|
||||
{
|
||||
label: "Política de Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user