Update src/app/page.tsx

This commit is contained in:
2026-04-19 21:26:40 +00:00
parent f4bec0251a
commit b8a9aa8f23

View File

@@ -31,10 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "System", id: "#about" },
{ name: "Benefits", id: "#features" },
{ name: "Results", id: "#testimonials" },
{ name: "Review", id: "#contact" }
{ name: "Sistema", id: "#about" },
{ name: "Beneficios", id: "#features" },
{ name: "Resultados", id: "#testimonials" },
{ name: "Contacto", id: "#contact" }
]}
brandName="Qualified Growth AI"
/>
@@ -43,36 +43,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "rotated-rays-animated" }}
title="Leads, not followers. Phone ringing predictably."
description="Stop competing on price and depending on platforms that don't care about your business. We build a customer acquisition system designed for construction, reforms, and installations in Barcelona."
title="Leads, no seguidores. Teléfono sonando de forma predecible."
description="Deja de competir por precio y depender de plataformas que no cuidan tu negocio. Construimos un sistema de captación de clientes diseñado para la construcción, reformas e instalaciones en Barcelona."
testimonials={[
{ name: "Jordi M.", handle: "@renovabcn", testimonial: "Finally, a system that actually produces consistent construction leads in Barcelona.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg" },
{ name: "Maria L.", handle: "@installcorp", testimonial: "Predictable revenue and high-quality leads. Exactly what we needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg" },
{ name: "Pau R.", handle: "@paureformas", testimonial: "The AI qualification process has cut our wasted time by 60%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg" },
{ name: "Elena S.", handle: "@sernatrades", testimonial: "Transparency I've never seen before. I know exactly what I'm paying for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
{ name: "Alex C.", handle: "@catalaninstalls", testimonial: "Best decision for our growth strategy in the last two years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg" }
{ name: "Jordi M.", handle: "@renovabcn", testimonial: "Por fin, un sistema que produce clientes potenciales consistentes en Barcelona.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg" },
{ name: "Maria L.", handle: "@installcorp", testimonial: "Ingresos predecibles y leads de alta calidad. Exactamente lo que necesitábamos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg" }
]}
buttons={[{ text: "Book Your Free Strategy Session", href: "#contact" }]}
buttons={[{ text: "Reserva tu sesión de estrategia gratuita", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg", alt: "Client avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/man-with-arms-crossed-working-warehouse_23-2148923083.jpg", alt: "Client avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg", alt: "Client avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/man-defocused-strength-sophisticated-large_1134-1348.jpg", alt: "Client avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg", alt: "Client avatar 5" }
]}
marqueeItems={[{ type: "text", text: "Construction Lead Gen" }, { type: "text", text: "Barcelona Local Growth" }, { type: "text", text: "ROI-Driven Marketing" }, { type: "text", text: "AI Automation" }, { type: "text", text: "Transparency First" }]}
marqueeItems={[{ type: "text", text: "Captación de Leads" }, { type: "text", text: "Crecimiento en Barcelona" }, { type: "text", text: "Marketing ROI" }, { type: "text", text: "Automatización con IA" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Expertise"
title="The Growth System for Construction & Trades"
description="We replace unreliable word-of-mouth with a predictable, multichannel system built specifically for the Barcelona local market. Google business optimization, Meta advertising, and AI-driven lead qualification."
subdescription="Our agency aligns its success directly with yours, delivering transparency and ROI, not just traffic."
tag="Nuestra Experiencia"
title="El Sistema de Crecimiento para la Construcción"
description="Sustituimos el boca a boca poco fiable por un sistema predictivo diseñado para el mercado local de Barcelona. Optimización de Google, publicidad en Meta e IA para cualificar leads."
subdescription="Nuestra agencia alinea su éxito con el tuyo, ofreciendo transparencia y retorno de inversión real."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg"
mediaAnimation="blur-reveal"
@@ -86,12 +76,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Google Local Optimization", description: "Dominate local search results for construction and reform services.", imageSrc: "http://img.b2bpic.net/free-photo/zoom-icon-front-side_187299-39698.jpg" },
{ title: "AI-Qualified Leads", description: "Automated qualification ensures your team only talks to ready-to-buy clients.", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg" },
{ title: "Transparent Reporting", description: "See exactly where your marketing spend goes with real-time ROI tracking.", imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14638.jpg" }
{ title: "Optimización Local", description: "Domina los resultados locales en servicios de construcción y reformas.", imageSrc: "http://img.b2bpic.net/free-photo/zoom-icon-front-side_187299-39698.jpg" },
{ title: "Cualificación con IA", description: "Cualificación automática para que solo hables con clientes decididos.", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg" },
{ title: "Reporte Transparente", description: "Mira exactamente a dónde va tu inversión con seguimiento de ROI en tiempo real.", imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14638.jpg" }
]}
title="Multichannel Acquisition System"
description="Comprehensive tools designed to scale your local construction or renovation business."
title="Sistema de Captación Multicanal"
description="Herramientas diseñadas para escalar tu negocio de reformas."
/>
</div>
@@ -101,15 +91,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Jordi M.", role: "Owner", company: "Renova BCN", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg" },
{ id: "2", name: "Maria L.", role: "Director", company: "InstallCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg" },
{ id: "3", name: "Pau R.", role: "Founder", company: "PauReformas", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-with-helmet-outdoors_23-2148269262.jpg" },
{ id: "4", name: "Elena S.", role: "Manager", company: "SernaTrades", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-woman-with-bunch-flowers-looking-camera_23-2147882087.jpg" },
{ id: "5", name: "Alex C.", role: "Owner", company: "CatalanInstalls", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148921381.jpg" }
{ id: "1", name: "Joan VITO", role: "Director", company: "Instal·lacions VITO", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg" }
]}
kpiItems={[{ value: "150%", label: "Avg Revenue Lift" }, { value: "90%", label: "Qualified Lead Rate" }, { value: "24h", label: "Response Time" }]}
title="Proven Growth, Not Vanity Metrics"
description="Join local trades firms that have scaled their revenue with our system."
kpiItems={[{ value: "180%", label: "Incremento Clientes" }, { value: "95%", label: "Leads Cualificados" }, { value: "12h", label: "Tiempo Respuesta" }]}
title="Caso de Éxito: Instal·lacions VITO"
description="Cómo VITO pasó de ser una empresa familiar a un referente en Barcelona gracias a nuestro sistema."
/>
</div>
@@ -119,12 +105,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "€2.5M+", title: "Revenue Generated", items: ["Across all clients", "Year to date"] },
{ id: "m2", value: "1,200+", title: "Qualified Leads", items: ["High-intent", "Local Barcelona"] },
{ id: "m3", value: "45+", title: "Partner Firms", items: ["Trade experts", "Industry leaders"] }
{ id: "m1", value: "€3.2M", title: "Ingresos Generados", items: ["Facturación acumulada", "Resultados verificables"] },
{ id: "m2", value: "1,500+", title: "Leads Cualificados", items: ["Potenciales locales", "Alta conversión"] },
{ id: "m3", value: "50+", title: "Empresas Partners", items: ["Líderes del sector", "Confianza total"] }
]}
title="Impact by the Numbers"
description="Measurable progress for local construction businesses."
title="Impacto Real"
description="Cifras que demuestran el crecimiento sostenible."
/>
</div>
@@ -132,12 +118,12 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "faq1", title: "How is this different from generic marketing?", content: "We focus solely on local trades and construction in Barcelona. No generic broad-spectrum tactics." },
{ id: "faq2", title: "Do you use AI for lead qualification?", content: "Yes, our automated qualification system ensures your team only handles qualified high-intent leads." },
{ id: "faq3", title: "What is the ROI commitment?", content: "We focus on transparent, ROI-based growth. Your agency profit is tied to your business profit." }
{ id: "faq1", title: "¿Es esto diferente al marketing tradicional?", content: "Sí, nos centramos exclusivamente en el sector de reformas y construcción en Barcelona." },
{ id: "faq2", title: "¿Cómo cualifican los leads con IA?", content: "Utilizamos un sistema de automatización que filtra a los interesados para que solo gestiones clientes reales." },
{ id: "faq3", title: "¿Qué plazos de entrega ofrecen?", content: "El sistema de captación comienza a generar datos desde la primera semana de activación." }
]}
sideTitle="Your Questions, Answered"
sideDescription="Everything you need to know about our growth system."
sideTitle="Preguntas Frecuentes"
sideDescription="Todo lo que necesitas saber para escalar."
faqsAnimation="slide-up"
/>
</div>
@@ -146,19 +132,19 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-animated" }}
text="Ready to turn those phone calls into consistent revenue?"
buttons={[{ text: "Book Your Free Strategy Session", href: "#" }]}
text="¿Listo para convertir llamadas en ingresos constantes?"
buttons={[{ text: "Reserva tu llamada gratuita", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Results", href: "#testimonials" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
{ title: "Empresa", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Casos de Éxito", href: "#testimonials" }] },
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos", href: "#" }] }
]}
logoText="Qualified Growth AI"
copyrightText="© 2025 Qualified Growth AI. All rights reserved."
copyrightText="© 2025 Qualified Growth AI. Todos los derechos reservados."
/>
</div>
</ReactLenis>