232 lines
9.8 KiB
TypeScript
232 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, Clock, Shield, ShieldCheck, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Sobre", id: "about"},
|
|
{
|
|
name: "Serviços", id: "features"},
|
|
{
|
|
name: "Contato", id: "contact"},
|
|
]}
|
|
brandName="Rleal Tecnologia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "downward-rays-animated-grid"}}
|
|
title="Tecnologia e Soluções para o Seu Negócio"
|
|
description="A Rleal Tecnologia entrega serviços escaláveis e seguros, personalizados para impulsionar o seu crescimento. Parceria com especialistas que entendem o seu setor."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "corporate professional headshot"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12850.jpg", alt: "woman professional corporate headshot"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg", alt: "man professional portrait business"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095774.jpg", alt: "woman executive headshot professional"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-working-as-part-company-team_23-2149136828.jpg", alt: "Person working as part of company team"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Conheça Nossos Serviços", href: "#features"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Infraestrutura em Nuvem"},
|
|
{
|
|
type: "text", text: "Cibersegurança"},
|
|
{
|
|
type: "text", text: "Transformação Digital"},
|
|
{
|
|
type: "text", text: "Engenharia de Software"},
|
|
{
|
|
type: "text", text: "Análise de Dados"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Expertise Técnica Comprovada"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Projetos Concluídos", value: "150+"},
|
|
{
|
|
icon: Shield,
|
|
label: "Padrões de Segurança", value: "ISO"},
|
|
{
|
|
icon: Users,
|
|
label: "Clientes Satisfeitos", value: "98%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Infraestrutura em Nuvem", description: "Construa ambientes de nuvem robustos e escaláveis.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-manager-supervising-work-done-by-engineer_482257-126803.jpg", imageAlt: "cloud computing network icons"},
|
|
{
|
|
title: "Desenvolvimento de Software", description: "Soluções personalizadas de nível empresarial.", imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", imageAlt: "software development coding interface"},
|
|
{
|
|
title: "Consultoria Estratégica", description: "Roadmap tecnológico e transformação digital.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg", imageAlt: "IT consulting dashboard data"},
|
|
]}
|
|
title="Serviços Tecnológicos"
|
|
description="Somos especializados em desenvolvimento de software escalável, otimização de infraestrutura e consultoria para empresas do mercado médio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: TrendingUp,
|
|
title: "Crescimento de ROI", value: "45%"},
|
|
{
|
|
id: "m2", icon: Clock,
|
|
title: "Tempo de Implantação", value: "30%"},
|
|
{
|
|
id: "m3", icon: ShieldCheck,
|
|
title: "Tempo de Atividade Garantido", value: "99.9%"},
|
|
]}
|
|
title="Impacto e Crescimento"
|
|
description="Resultados mensuráveis que impulsionam o sucesso do negócio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos Silva", role: "CTO", testimonial: "A Rleal entregou além das expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-confident-businessman-looking-camera_329181-539.jpg"},
|
|
{
|
|
id: "2", name: "Ana Souza", role: "Gerente de Operações", testimonial: "Profissional, eficiente e confiável.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-perfect-smile_93675-133127.jpg"},
|
|
{
|
|
id: "3", name: "Bruno Lima", role: "Diretor", testimonial: "Transformou nossa infraestrutura digital.", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg"},
|
|
{
|
|
id: "4", name: "Carla Mendes", role: "Líder de Compras", testimonial: "Serviço e ROI excelentes.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
|
|
{
|
|
id: "5", name: "Diego Costa", role: "Líder de TI", testimonial: "Expertise em que você pode confiar.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg"},
|
|
]}
|
|
title="O Que Nossos Clientes Dizem"
|
|
description="Confiado pelos líderes da indústria para resultados tecnológicos seguros."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Microsoft", "AWS", "Google Cloud", "IBM", "Red Hat", "Oracle", "SAP"]}
|
|
title="Parceiros da Indústria"
|
|
description="Colaborando com líderes tecnológicos globalmente reconhecidos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Quais indústrias atendemos?", content: "Setores de tecnologia, finanças e logística."},
|
|
{
|
|
id: "f2", title: "Oferecem suporte?", content: "Sim, fornecemos suporte técnico 24/7."},
|
|
{
|
|
id: "f3", title: "Qual é o modelo de engajamento?", content: "Oferecemos consultoria ou serviços por projeto."},
|
|
]}
|
|
title="Perguntas Frequentes"
|
|
description="Informações sobre nosso processo e serviços."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Fale Conosco"
|
|
title="Pronto para Transformar seu Negócio?"
|
|
description="Fale com nossos consultores sobre o seu próximo projeto tecnológico."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Rleal Tecnologia"
|
|
columns={[
|
|
{
|
|
title: "Empresa", items: [
|
|
{
|
|
label: "Sobre Nós", href: "#about"},
|
|
{
|
|
label: "Serviços", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Suporte", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contato", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|