Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Benefícios",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Como funciona",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Benefícios", id: "#features" },
|
||||
{ name: "Como funciona", id: "#how-it-works" },
|
||||
{ name: "Planos", id: "#pricing" },
|
||||
{ name: "Contato", id: "#contact" },
|
||||
]}
|
||||
brandName="Elyra"
|
||||
/>
|
||||
@@ -46,52 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Seu negócio merece um site profissional."
|
||||
description="Com a Elyra, você tem um site moderno, rápido e otimizado para atrair clientes — alugue por uma mensalidade acessível ou compre de uma vez."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quero meu site agora",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ver exemplos",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Quero meu site agora", href: "#contact" },
|
||||
{ text: "Ver exemplos", href: "#features" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=1",
|
||||
imageAlt: "Mobile App UI",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=1",
|
||||
imageAlt: "Laptop Web UI",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
|
||||
imageAlt: "Digital Network",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template-design_23-2151076706.jpg",
|
||||
imageAlt: "Typography Layout",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
imageAlt: "Communication Interface",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg",
|
||||
imageAlt: "Agency workspace",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg", imageAlt: "Mobile App UI" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg", imageAlt: "Laptop Web UI" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", imageAlt: "Digital Network" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template-design_23-2151076706.jpg", imageAlt: "Typography Layout" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "Communication Interface" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg", imageAlt: "Agency workspace" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Sobre a Elyra"
|
||||
description="A Elyra nasceu com um objetivo simples: ajudar pequenos negócios a terem presença profissional na internet sem precisar investir milhares de reais em um site. Nossa missão é tornar a presença online acessível para qualquer empreendedor."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Missão Acessível",
|
||||
description: "Democratizar a presença digital para todos os empreendedores.",
|
||||
},
|
||||
{
|
||||
title: "Suporte Especializado",
|
||||
description: "Acompanhamento técnico para seu negócio crescer sem preocupações.",
|
||||
},
|
||||
{
|
||||
title: "Design Adaptativo",
|
||||
description: "Sites que funcionam perfeitamente em qualquer dispositivo.",
|
||||
},
|
||||
{ title: "Missão Acessível", description: "Democratizar a presença digital para todos os empreendedores." },
|
||||
{ title: "Suporte Especializado", description: "Acompanhamento técnico para seu negócio crescer sem preocupações." },
|
||||
{ title: "Design Adaptativo", description: "Sites que funcionam perfeitamente em qualquer dispositivo." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clsoe-up-colleagues-desk_23-2149006897.jpg"
|
||||
/>
|
||||
@@ -127,46 +81,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sites modernos",
|
||||
description: "Design profissional adaptado para celular e computador.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=2",
|
||||
imageAlt: "Design moderno",
|
||||
},
|
||||
title: "Sites modernos", description: "Design profissional adaptado para celular e computador.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg", imageAlt: "Design moderno"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Layout responsivo",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "UI de ponta",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Layout responsivo" },
|
||||
{ icon: CheckCircle, text: "UI de ponta" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=3",
|
||||
imageAlt: "professional website ui design",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Entrega rápida",
|
||||
description: "Seu site pode ficar pronto em poucos dias.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=2",
|
||||
imageAlt: "Entrega ágil",
|
||||
},
|
||||
title: "Entrega rápida", description: "Seu site pode ficar pronto em poucos dias.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg", imageAlt: "Entrega ágil"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Prazos reduzidos",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Suporte constante",
|
||||
},
|
||||
{ icon: Zap, text: "Prazos reduzidos" },
|
||||
{ icon: CheckCircle, text: "Suporte constante" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=3",
|
||||
imageAlt: "clean corporate website mockup",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Por que usar a Elyra?"
|
||||
@@ -181,28 +111,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "rental",
|
||||
badge: "Popular",
|
||||
price: "R$79/mês",
|
||||
subtitle: "Aluguel de Site",
|
||||
features: [
|
||||
"Site profissional",
|
||||
"Layout responsivo",
|
||||
"Botão de WhatsApp",
|
||||
"Hospedagem incluída",
|
||||
],
|
||||
id: "rental", badge: "Popular", price: "R$79/mês", subtitle: "Aluguel de Site", features: ["Site profissional", "Layout responsivo", "Botão de WhatsApp", "Hospedagem incluída"],
|
||||
},
|
||||
{
|
||||
id: "purchase",
|
||||
badge: "Property",
|
||||
price: "R$997",
|
||||
subtitle: "Compra de Site",
|
||||
features: [
|
||||
"Site completo",
|
||||
"Propriedade total",
|
||||
"SEO básico incluso",
|
||||
"Pagamento único",
|
||||
],
|
||||
id: "purchase", badge: "Property", price: "R$997", subtitle: "Compra de Site", features: ["Site completo", "Propriedade total", "SEO básico incluso", "Pagamento único"],
|
||||
},
|
||||
]}
|
||||
title="Escolha o melhor plano para você"
|
||||
@@ -215,46 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
role: "Dona de Salão",
|
||||
quote: "O site profissional da Elyra mudou tudo!",
|
||||
title: "Excelente!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Souza",
|
||||
role: "Restaurante Local",
|
||||
quote: "Atendimento rápido e site muito elegante.",
|
||||
title: "Recomendo!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-trendy-suit-showing-digital-tablet-screen-smiling-standing-against-white-background_1258-65123.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beatriz Lima",
|
||||
role: "Consultoria",
|
||||
quote: "Agora meus clientes me encontram pelo Google.",
|
||||
title: "Essencial!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego Matos",
|
||||
role: "Recarga de Celular",
|
||||
quote: "Fácil e rápido, tudo o que eu precisava.",
|
||||
title: "Ótimo!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568988.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fernanda Gomes",
|
||||
role: "Autônoma",
|
||||
quote: "Custo-benefício imbatível no mercado atual.",
|
||||
title: "Muito bom!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Silva", role: "Dona de Salão", quote: "O site profissional da Elyra mudou tudo!", title: "Excelente!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg" },
|
||||
{ id: "2", name: "Carlos Souza", role: "Restaurante Local", quote: "Atendimento rápido e site muito elegante.", title: "Recomendo!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-trendy-suit-showing-digital-tablet-screen-smiling-standing-against-white-background_1258-65123.jpg" },
|
||||
{ id: "3", name: "Beatriz Lima", role: "Consultoria", quote: "Agora meus clientes me encontram pelo Google.", title: "Essencial!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" },
|
||||
{ id: "4", name: "Diego Matos", role: "Recarga de Celular", quote: "Fácil e rápido, tudo o que eu precisava.", title: "Ótimo!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568988.jpg" },
|
||||
{ id: "5", name: "Fernanda Gomes", role: "Autônoma", quote: "Custo-benefício imbatível no mercado atual.", title: "Muito bom!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
]}
|
||||
title="Pessoas que confiaram na Elyra"
|
||||
description="Avaliações reais de clientes que transformaram seu negócio conosco."
|
||||
@@ -264,21 +141,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Elyra"
|
||||
title="Seu negócio merece um site profissional."
|
||||
description="Comece hoje mesmo e tenha seu site pronto em poucos dias."
|
||||
buttons={[
|
||||
{
|
||||
text: "Criar meu site",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/message",
|
||||
},
|
||||
{ text: "Criar meu site", href: "#" },
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/message" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,43 +156,13 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Empresa", items: [{ label: "Sobre", href: "#" }, { label: "Contato", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Serviços",
|
||||
items: [
|
||||
{
|
||||
label: "Criação de sites",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sites para empresas",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Serviços", items: [{ label: "Criação de sites", href: "#" }, { label: "Sites para empresas", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Termos de uso",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Política de privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Termos de uso", href: "#" }, { label: "Política de privacidade", href: "#" }],
|
||||
},
|
||||
]}
|
||||
logoText="Elyra"
|
||||
|
||||
Reference in New Issue
Block a user