Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, CheckCircle } from "lucide-react";
|
||||
import { Award, CheckCircle, Zap, Shield, TrendingUp, FastForward } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,7 +25,7 @@ export default function LandingPage() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
@@ -56,113 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A próxima era da sua empresa"
|
||||
description="Transformamos tecnologia em resultados reais com soluções de alta performance para o seu negócio."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1",
|
||||
imageAlt: "Hero Scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
|
||||
imageAlt: "Hero Scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=3",
|
||||
imageAlt: "Hero Scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=4",
|
||||
imageAlt: "Hero Scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=5",
|
||||
imageAlt: "Hero Scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=6",
|
||||
imageAlt: "Hero Scene 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Hero Scene 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=1",
|
||||
imageAlt: "Hero Scene 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=2",
|
||||
imageAlt: "Hero Scene 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=3",
|
||||
imageAlt: "Hero Scene 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=4",
|
||||
imageAlt: "Hero Scene 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=5",
|
||||
imageAlt: "Hero Scene 11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=6",
|
||||
imageAlt: "Hero Scene 12",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Começar agora",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inovação",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Segurança",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Escalabilidade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Agilidade",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 10" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 11" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Hero Scene 12" },
|
||||
]}
|
||||
buttons={[{ text: "Começar agora", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,20 +73,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Analytics Avançado",
|
||||
description: "Dados em tempo real para decisões precisas.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=7",
|
||||
imageAlt: "saas dashboard interface",
|
||||
},
|
||||
{
|
||||
title: "Conectividade Global",
|
||||
description: "Alcance mercados internacionais.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=7",
|
||||
imageAlt: "abstract tech background",
|
||||
},
|
||||
{ title: "Analytics Avançado", description: "Dados em tempo real para decisões precisas.", bentoComponent: "animated-bar-chart" },
|
||||
{ title: "Conectividade Global", description: "Alcance mercados internacionais.", bentoComponent: "globe" },
|
||||
]}
|
||||
title="Soluções inteligentes"
|
||||
description="Ferramentas projetadas para otimizar fluxos de trabalho e maximizar a eficiência operacional."
|
||||
@@ -197,34 +86,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Suporte 24/7",
|
||||
description: "Estamos sempre aqui para ajudar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=8",
|
||||
imageAlt: "Support",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Segurança Máxima",
|
||||
description: "Proteção completa para seus dados.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=9",
|
||||
imageAlt: "Security",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Escalabilidade",
|
||||
description: "Cresça sem limites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=10",
|
||||
imageAlt: "Growth",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
{
|
||||
title: "Performance Otimizada",
|
||||
description: "Velocidade que supera expectativas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=11",
|
||||
imageAlt: "Speed",
|
||||
buttonIcon: "FastForward",
|
||||
},
|
||||
{ title: "Suporte 24/7", description: "Estamos sempre aqui para ajudar.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", buttonIcon: Zap },
|
||||
{ title: "Segurança Máxima", description: "Proteção completa para seus dados.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", buttonIcon: Shield },
|
||||
{ title: "Escalabilidade", description: "Cresça sem limites.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", buttonIcon: TrendingUp },
|
||||
{ title: "Performance Otimizada", description: "Velocidade que supera expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", buttonIcon: FastForward },
|
||||
]}
|
||||
title="Recursos principais"
|
||||
description="Tecnologia de ponta para enfrentar os desafios do mercado atual."
|
||||
@@ -238,26 +103,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Ana Silva, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "Ana Silva",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "Carlos Souza",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "Maria Oliveira",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "Ricardo Lima",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg",
|
||||
alt: "Beatriz Santos",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", alt: "Ana Silva" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", alt: "Carlos Souza" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", alt: "Maria Oliveira" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", alt: "Ricardo Lima" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing-with-white-screen_1301-6798.jpg", alt: "Beatriz Santos" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,22 +118,11 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Satisfação",
|
||||
description: "Clientes satisfeitos",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projetos",
|
||||
description: "Entregues com sucesso",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "99%", title: "Satisfação", description: "Clientes satisfeitos", icon: CheckCircle },
|
||||
{ id: "m2", value: "500+", title: "Projetos", description: "Entregues com sucesso", icon: Award },
|
||||
]}
|
||||
title="Impacto comprovado"
|
||||
description="Números que refletem nosso compromisso com a qualidade."
|
||||
@@ -295,18 +134,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Sistemas obsoletos",
|
||||
"Processos lentos",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Tecnologia inovadora",
|
||||
"Agilidade total",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Sistemas obsoletos", "Processos lentos"] }}
|
||||
positiveCard={{ items: ["Tecnologia inovadora", "Agilidade total"] }}
|
||||
title="Por que nós?"
|
||||
description="Análise clara do que nos difere no mercado."
|
||||
/>
|
||||
@@ -318,24 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ricardo Melo",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia Costa",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro Souza",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg?_wi=3",
|
||||
},
|
||||
{ id: "t1", name: "Ricardo Melo", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg" },
|
||||
{ id: "t2", name: "Julia Costa", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg" },
|
||||
{ id: "t3", name: "Pedro Souza", role: "Dev", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg" },
|
||||
]}
|
||||
title="Nossa equipe"
|
||||
description="Especialistas dedicados ao seu sucesso."
|
||||
@@ -347,16 +161,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como funciona?",
|
||||
content: "Processo simples e ágil.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Qual o prazo?",
|
||||
content: "Depende da complexidade.",
|
||||
},
|
||||
{ id: "f1", title: "Como funciona?", content: "Processo simples e ágil." },
|
||||
{ id: "f2", title: "Qual o prazo?", content: "Depende da complexidade." },
|
||||
]}
|
||||
title="Perguntas frequentes"
|
||||
description="Tire suas dúvidas sobre nossos serviços."
|
||||
@@ -367,50 +173,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Entre em contato"
|
||||
title="Pronto para começar?"
|
||||
description="Fale com nosso time de especialistas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale conosco",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Fale conosco", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Time",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Serviços",
|
||||
items: [
|
||||
{
|
||||
label: "Consultoria",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Desenvolvimento",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Empresa", items: [{ label: "Sobre", href: "#" }, { label: "Time", href: "#" }] },
|
||||
{ title: "Serviços", items: [{ label: "Consultoria", href: "#" }, { label: "Desenvolvimento", href: "#" }] },
|
||||
]}
|
||||
logoText="Nexus"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user