148 lines
10 KiB
TypeScript
148 lines
10 KiB
TypeScript
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
|
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
|
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
|
|
import { Map, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="outline"
|
|
defaultTextAnimation="slide-up"
|
|
borderRadius="pill"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarCentered
|
|
logo="MULTIUNIVERSAL"
|
|
navItems={[{ name: "Universo Digital", href: "#digital" }, { name: "Universo Real", href: "#real" }, { name: "Sobre", href: "#about" }]}
|
|
ctaButton={{ text: "Explorar Agora", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero" data-webild-component="HeroTiltedCards" data-webild-component-path="@/components/sections/hero/HeroTiltedCards">
|
|
<HeroTiltedCards
|
|
tag="Portal de Exploração"
|
|
title="MULTIUNIVERSAL: O SEU PORTAL PARA EXPLORAR TUDO."
|
|
description="Uma nova forma de conectar o conhecimento digital com experiências reais de vida."
|
|
primaryButton={{ text: "Explorar Agora", href: "#digital" }}
|
|
secondaryButton={{ text: "Saiba Mais", href: "#about" }}
|
|
items={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-gradient-background-with-neon-led-light_53876-124192.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-landscape-with-space-sky-nebula_1048-10755.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315237.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930832.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-nebula-space-background_53876-165517.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="digital" data-section="digital" data-webild-component="FeaturesRevealCardsBento" data-webild-component-path="@/components/sections/features/FeaturesRevealCardsBento">
|
|
<FeaturesRevealCardsBento
|
|
tag="O Universo Digital"
|
|
title="Exploração Digital"
|
|
description="Conecte-se com bibliotecas, IA e comunidades globais."
|
|
items={[
|
|
{ title: "Aprendizado Gratuito", description: "Explore conhecimento online sem custo.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-soccer-match_23-2148930673.jpg" },
|
|
{ title: "Livros e Bibliotecas", description: "Hub central de conhecimento.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medical-icon-3d-illustration_183364-119302.jpg" },
|
|
{ title: "Inteligência Artificial", description: "Acelere seu aprendizado com IA.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ai-brain-connecting-futuristic-city_23-2151977870.jpg" },
|
|
{ title: "Comunidades de Hobbies", description: "Programming, Art, Gaming.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg" },
|
|
{ title: "Programação", description: "Master the code.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/friends-icons_23-2147508192.jpg" },
|
|
{ title: "Arte Digital", description: "Expressão criativa.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/illustration-human-hobbies-activities_53876-17393.jpg" },
|
|
{ title: "Gaming Community", description: "Socialize e jogue.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/tech-computer-logo-template_23-2149201854.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="real" data-section="real" data-webild-component="PricingMediaCards" data-webild-component-path="@/components/sections/pricing/PricingMediaCards">
|
|
<PricingMediaCards
|
|
tag="O Universo Real"
|
|
title="Missões de Vida"
|
|
description="Traga a exploração para o mundo tangível."
|
|
plans={[
|
|
{ tag: "Mission", price: "Daily Quest", period: "diário", features: ["Visite um parque", "Plante uma semente", "Atividades manuais"], primaryButton: { text: "Começar", href: "#" }, imageSrc: "http://img.b2bpic.net/free-vector/people-volunteering-donating-money_53876-66111.jpg" },
|
|
{ tag: "Advanced", price: "Weekly Challenge", period: "semanal", features: ["Voluntariado local", "Projeto de marcenaria", "Exploração ao ar livre"], primaryButton: { text: "Começar", href: "#" }, imageSrc: "http://img.b2bpic.net/free-vector/people-volunteering-donating-money_53876-66111.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" data-webild-component="AboutFeaturesSplit" data-webild-component-path="@/components/sections/about/AboutFeaturesSplit">
|
|
<AboutFeaturesSplit
|
|
tag="Nossa Missão"
|
|
title="Por que Multiuniversal?"
|
|
description="Acreditamos na união do digital com o real para criar uma jornada de desenvolvimento completa."
|
|
items={[
|
|
{ icon: Sparkles, title: "Expansão Mental", description: "Conexões digitais amplas." },
|
|
{ icon: Map, title: "Conexão Real", description: "Aplicação prática no mundo." },
|
|
{ icon: Zap, title: "Eficiência", description: "IA integrada no cotidiano." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-16033.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialMarqueeCards" data-webild-component-path="@/components/sections/testimonial/TestimonialMarqueeCards">
|
|
<TestimonialMarqueeCards
|
|
tag="Depoimentos"
|
|
title="Jornadas que transformam"
|
|
description="Veja o que nossa comunidade está alcançando."
|
|
testimonials={[
|
|
{ name: "Ana S.", role: "Estudante", quote: "O Multiuniversal mudou como organizo meu aprendizado.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-concept-logotype-collection_52683-13460.jpg" },
|
|
{ name: "Carlos M.", role: "Programador", quote: "As missões diárias equilibram meu dia.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg" },
|
|
{ name: "Beatriz L.", role: "Designer", quote: "Criatividade e prática reunidos em um só lugar.", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-light-bulb-creative-idea-technology-innovation-design_53876-160230.jpg" },
|
|
{ name: "Pedro F.", role: "Hobbista", quote: "Nunca me senti tão conectado com o mundo real.", imageSrc: "http://img.b2bpic.net/free-photo/volunteer-charity-inspire-giving-icon_53876-121517.jpg" },
|
|
{ name: "Juliana K.", role: "Entusiasta de IA", quote: "Melhor portal para aprender ferramentas de IA.", imageSrc: "http://img.b2bpic.net/free-photo/cyborg-robot-d-render-robotic-process-automation-rpa-data-analysis-server-room-generative-aigener_1258-150899.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof" data-webild-component="SocialProofMarquee" data-webild-component-path="@/components/sections/social-proof/SocialProofMarquee">
|
|
<SocialProofMarquee
|
|
tag="Parceiros"
|
|
title="Apoiadores do Projeto"
|
|
description="Organizações que acreditam na exploração sem limites."
|
|
names={["Google", "GitHub", "Unity", "Unreal Engine", "Coursera", "AWS", "Notion"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq" data-webild-component="FaqSimple" data-webild-component-path="@/components/sections/faq/FaqSimple">
|
|
<FaqSimple
|
|
tag="Perguntas"
|
|
title="Dúvidas Frequentes"
|
|
description="Tudo o que você precisa saber."
|
|
items={[
|
|
{ question: "Como começar?", answer: "Basta explorar um dos nossos universos." },
|
|
{ question: "É gratuito?", answer: "Sim, a maioria das ferramentas de aprendizado é gratuita." },
|
|
{ question: "Posso colaborar?", answer: "Sim, aceitamos voluntários em eventos locais." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
|
|
<ContactCta
|
|
tag="Junte-se a nós"
|
|
text="Comece sua jornada agora mesmo no Multiuniversal."
|
|
primaryButton={{ text: "Explorar Portal", href: "#" }}
|
|
secondaryButton={{ text: "Contato", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" data-webild-component="FooterSimpleMedia" data-webild-component-path="@/components/sections/footer/FooterSimpleMedia">
|
|
<FooterSimpleMedia
|
|
brand="MULTIUNIVERSAL"
|
|
columns={[
|
|
{ title: "Universo Digital", items: [{ label: "IA", href: "#" }, { label: "Hobbies", href: "#" }] },
|
|
{ title: "Universo Real", items: [{ label: "Eventos", href: "#" }, { label: "Voluntariado", href: "#" }] }
|
|
]}
|
|
copyright="© 2024 Multiuniversal. Todos os direitos reservados."
|
|
links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |