Update src/app/page.tsx

This commit is contained in:
2026-05-11 20:49:29 +00:00
parent c538488197
commit 7055246e77

View File

@@ -14,6 +14,8 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
import { Activity, Calendar, Coffee, MessageCircle, Scissors, ShoppingBag, TrendingUp } from "lucide-react";
export default function LandingPage() {
const t = (key: string) => key; // Stub for i18n translation hook
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -31,10 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Intro", id: "hero" },
{ name: "Características", id: "transformation" },
{ name: "Portafolio", id: "portfolio" },
{ name: "Contacto", id: "contact" },
{ name: t("Intro"), id: "hero" },
{ name: t("Características"), id: "transformation" },
{ name: t("Portafolio"), id: "portfolio" },
{ name: t("Contacto"), id: "contact" },
]}
brandName="ORYZO"
/>
@@ -44,18 +46,18 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
title="Los negocios locales merecen una presencia digital de clase mundial."
description="Reimaginamos pequeños negocios y los convertimos en marcas extraordinarias para la era de la IA."
title={t("Los negocios locales merecen una presencia digital de clase mundial.")}
description={t("Reimaginamos pequeños negocios y los convertimos en marcas extraordinarias para la era de la IA.")}
testimonials={[
{ name: "Sarah Miller", handle: "@sarah_salon", testimonial: "Mi clínica se veía obsoleta hasta que ORYZO la transformó. El aumento en conversiones fue inmediato.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg" },
{ name: "John Doe", handle: "@johns_barber", testimonial: "Todo el proceso fue mágico. Convirtieron nuestra pequeña tienda en un destino de lujo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg" }
{ name: "Sarah Miller", handle: "@sarah_salon", testimonial: t("Mi clínica se veía obsoleta hasta que ORYZO la transformó. El aumento en conversiones fue inmediato."), rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg" },
{ name: "John Doe", handle: "@johns_barber", testimonial: t("Todo el proceso fue mágico. Convirtieron nuestra pequeña tienda en un destino de lujo."), rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
imageAlt="Arquitectura digital cinemática"
marqueeItems={[
{ type: "text", text: "Diseño UI/UX de Élite" },
{ type: "text", text: "Identidad de Marca Premium" },
{ type: "text", text: "Motion Graphics Cinemáticos" },
{ type: "text", text: t("Diseño UI/UX de Élite") },
{ type: "text", text: t("Identidad de Marca Premium") },
{ type: "text", text: t("Motion Graphics Cinemáticos") },
]}
/>
</div>
@@ -64,12 +66,12 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="La Experiencia de Transformación"
description="La mayoría de los negocios locales tienen un gran servicio pero se ven pequeños online. Cerramos esa brecha elevando su autoridad, confianza y valor percibido."
title={t("La Experiencia de Transformación")}
description={t("La mayoría de los negocios locales tienen un gran servicio pero se ven pequeños online. Cerramos esa brecha elevando su autoridad, confianza y valor percibido.")}
bulletPoints={[
{ title: "Antes: Obsoleto", description: "Presencia digital genérica que espanta a los clientes premium." },
{ title: "Después: Extraordinario", description: "Experiencia de marca de alta gama que te posiciona como líder del mercado." },
{ title: "Catalizador de Conversión", description: "Diseño UI/UX diseñado para convertir visitantes en clientes leales." },
{ title: t("Antes: Obsoleto"), description: t("Presencia digital genérica que espanta a los clientes premium.") },
{ title: t("Después: Extraordinario"), description: t("Experiencia de marca de alta gama que te posiciona como líder del mercado.") },
{ title: t("Catalizador de Conversión"), description: t("Diseño UI/UX diseñado para convertir visitantes en clientes leales.") },
]}
imageSrc="http://img.b2bpic.net/free-photo/building_1127-3445.jpg"
imageAlt="Interior de boutique de lujo"
@@ -82,13 +84,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Belleza y Barbería", description: "Estudios de alta gama y clínicas estéticas.", icon: Scissors },
{ title: "Retail y Boutiques", description: "Tiendas de moda modernas y estilo de vida.", icon: ShoppingBag },
{ title: "Salud y Bienestar", description: "Clínicas dentales y consultorios.", icon: Activity },
{ title: "Hospitalidad", description: "Cafés, restaurantes y gastronomía.", icon: Coffee },
{ title: t("Belleza y Barbería"), description: t("Estudios de alta gama y clínicas estéticas."), icon: Scissors },
{ title: t("Retail y Boutiques"), description: t("Tiendas de moda modernas y estilo de vida."), icon: ShoppingBag },
{ title: t("Salud y Bienestar"), description: t("Clínicas dentales y consultorios."), icon: Activity },
{ title: t("Hospitalidad"), description: t("Cafés, restaurantes y gastronomía."), icon: Coffee },
]}
title="Industrias que Elevamos"
description="Nos especializamos en sectores de servicios físicos que requieren posicionamiento digital de élite."
title={t("Industrias que Elevamos")}
description={t("Nos especializamos en sectores de servicios físicos que requieren posicionamiento digital de élite.")}
/>
</div>
@@ -99,12 +101,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "La Barbería Moderna", price: "Experiencia", imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg" },
{ id: "p2", name: "Boutique de Lujo", price: "Identidad", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg" },
{ id: "p3", name: "Café Artesanal", price: "Diseño", imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg" },
{ id: "p1", name: t("La Barbería Moderna"), price: t("Experiencia"), imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg" },
{ id: "p2", name: t("Boutique de Lujo"), price: t("Identidad"), imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg" },
{ id: "p3", name: t("Café Artesanal"), price: t("Diseño"), imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg" },
]}
title="Ejemplos de Marca Premium"
description="Presentaciones realistas de cómo reimaginamos la identidad de tu negocio."
title={t("Ejemplos de Marca Premium")}
description={t("Presentaciones realistas de cómo reimaginamos la identidad de tu negocio.")}
/>
</div>
@@ -115,12 +117,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "87%", title: "Aumento de Reservas", description: "Impacto directo en el flujo de citas.", icon: Calendar },
{ id: "m2", value: "64%", title: "Clics en WhatsApp", description: "Aumento en consultas directas.", icon: MessageCircle },
{ id: "m3", value: "3.4x", title: "Autoridad Percibida", description: "Crecimiento en reputación y confianza.", icon: TrendingUp },
{ id: "m1", value: "87%", title: t("Aumento de Reservas"), description: t("Impacto directo en el flujo de citas."), icon: Calendar },
{ id: "m2", value: "64%", title: t("Clics en WhatsApp"), description: t("Aumento en consultas directas."), icon: MessageCircle },
{ id: "m3", value: "3.4x", title: t("Autoridad Percibida"), description: t("Crecimiento en reputación y confianza."), icon: TrendingUp },
]}
title="Autoridad Medible"
description="No solo creamos sitios web; construimos activos generadores de ingresos."
title={t("Autoridad Medible")}
description={t("No solo creamos sitios web; construimos activos generadores de ingresos.")}
/>
</div>
@@ -130,11 +132,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "James Anderson", handle: "Fundador, Urban Grooming", testimonial: "El ritmo cinemático de nuestro nuevo sitio cambió cómo vendemos. Estamos llenos cada semana.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg" },
{ id: "t2", name: "Elena Rossi", handle: "Dueña, Rossi Boutique", testimonial: "Todo se siente premium y artesanal. Es exactamente lo que necesitábamos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg" }
{ id: "t1", name: "James Anderson", handle: "Fundador, Urban Grooming", testimonial: t("El ritmo cinemático de nuestro nuevo sitio cambió cómo vendemos. Estamos llenos cada semana."), imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg" },
{ id: "t2", name: "Elena Rossi", handle: "Dueña, Rossi Boutique", testimonial: t("Todo se siente premium y artesanal. Es exactamente lo que necesitábamos."), imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg" }
]}
title="Voces de Transformación"
description="Negocios reales alcanzando resultados extraordinarios mediante nuestra alquimia digital."
title={t("Voces de Transformación")}
description={t("Negocios reales alcanzando resultados extraordinarios mediante nuestra alquimia digital.")}
/>
</div>
@@ -142,22 +144,22 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Empecemos"
title="Tu negocio ya existe físicamente. Hazlo inolvidable digitalmente."
description="No te conformes con lo genérico. Transforma tu negocio en una experiencia digital de élite."
buttons={[{ text: "Agendar Sesión de Estrategia", href: "#" }]}
tag={t("Empecemos")}
title={t("Tu negocio ya existe físicamente. Hazlo inolvidable digitalmente.")}
description={t("No te conformes con lo genérico. Transforma tu negocio en una experiencia digital de élite.")}
buttons={[{ text: t("Agendar Sesión de Estrategia"), href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Compañía", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Portafolio", href: "#portfolio" }] },
{ title: "Servicios", items: [{ label: "Estrategia", href: "#" }, { label: "Diseño Digital", href: "#" }] },
{ title: "Ubicación", items: [{ label: "Reino Unido", href: "#" }, { label: "España", href: "#" }, { label: "Portugal", href: "#" }, { label: "Brasil", href: "#" }] },
{ title: t("Compañía"), items: [{ label: t("Sobre Nosotros"), href: "#" }, { label: t("Portafolio"), href: "#portfolio" }] },
{ title: t("Servicios"), items: [{ label: t("Estrategia"), href: "#" }, { label: t("Diseño Digital"), href: "#" }] },
{ title: t("Ubicación"), items: [{ label: "Reino Unido", href: "#" }, { label: "España", href: "#" }, { label: "Portugal", href: "#" }, { label: "Brasil", href: "#" }] },
]}
bottomLeftText="© 2024 ORYZO AI."
bottomRightText="Creando experiencias digitales premium."
bottomRightText={t("Creando experiencias digitales premium.")}
/>
</div>
</ReactLenis>