Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Intro",          id: "hero"},
-        {
-          name: "Features",          id: "transformation"},
-        {
-          name: "Portfolio",          id: "portfolio"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Intro", id: "hero" },
+        { name: "Características", id: "transformation" },
+        { name: "Portafolio", id: "portfolio" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="ORYZO"
     />
@@ -47,52 +43,19 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      title="Local businesses deserve world-class digital presence."
-      description="We reimagine small businesses into extraordinary brands for the AI era."
+      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."
       testimonials={[
-        {
-          name: "Sarah Miller",          handle: "@sarah_salon",          testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
-        {
-          name: "John Doe",          handle: "@johns_barber",          testimonial: "Everything about the process felt like magic. They turned our small shop into a premium luxury destination.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg"},
-        {
-          name: "Marcus Chen",          handle: "@chen_clinic",          testimonial: "The digital footprint we have now is lightyears ahead of any competitor.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
-        {
-          name: "Elena Rossi",          handle: "@rossi_boutique",          testimonial: "A complete transformation. Our brand finally matches the quality of our service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
-        {
-          name: "David Thorne",          handle: "@thorne_arch",          testimonial: "Simply world-class. The attention to detail is unmatched.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg"},
+        { 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" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
-      imageAlt="Cinematic digital architecture"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",          alt: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg",          alt: "Customer 5"},
-      ]}
+      imageAlt="Arquitectura digital cinemática"
       marqueeItems={[
-        {
-          type: "text",          text: "Elite UI/UX Design"},
-        {
-          type: "text",          text: "Premium Brand Identity"},
-        {
-          type: "text",          text: "Cinematic Motion Graphics"},
-        {
-          type: "text",          text: "High Conversion Flow"},
-        {
-          type: "text",          text: "Authority Positioning"},
+        { type: "text", text: "Diseño UI/UX de Élite" },
+        { type: "text", text: "Identidad de Marca Premium" },
+        { type: "text", text: "Motion Graphics Cinemáticos" },
       ]}
     />
   </div>
@@ -101,18 +64,15 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="The Transformation Experience"
-      description="Most local businesses have great service but look small online. We bridge that gap by elevating your authority, trust, and perceived value."
+      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."
       bulletPoints={[
-        {
-          title: "Before: Outdated",          description: "Generic, low-authority digital presence that scares away premium clients."},
-        {
-          title: "After: Extraordinary",          description: "High-end, cinematic brand experience that positions you as the market leader."},
-        {
-          title: "Conversion Catalyst",          description: "Precision-engineered UI/UX designed to turn casual visitors into loyal customers."},
+        { 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." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/building_1127-3445.jpg"
-      imageAlt="Luxury boutique interior design"
+      imageAlt="Interior de boutique de lujo"
     />
   </div>
 
@@ -122,21 +82,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Barber & Beauty",          description: "High-end grooming studios and aesthetic clinics.",          icon: Scissors,
-        },
-        {
-          title: "Boutiques & Retail",          description: "Modern fashion stores and luxury lifestyle boutiques.",          icon: ShoppingBag,
-        },
-        {
-          title: "Wellness & Clinics",          description: "Dental offices, clinics, and professional consulting firms.",          icon: Activity,
-        },
-        {
-          title: "Hospitality",          description: "Cafes, restaurants, and experiential dining spots.",          icon: Coffee,
-        },
+        { 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="Industries We Elevate"
-      description="We specialize in premium physical service sectors requiring elite digital positioning."
+      title="Industrias que Elevamos"
+      description="Nos especializamos en sectores de servicios físicos que requieren posicionamiento digital de élite."
     />
   </div>
 
@@ -147,15 +99,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",          name: "The Modern Barber",          price: "Experience",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg"},
-        {
-          id: "p2",          name: "Luxe Boutique",          price: "Identity",          imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg"},
-        {
-          id: "p3",          name: "Artisanal Coffee",          price: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"},
+        { 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" },
       ]}
-      title="Premium Brand Examples"
-      description="Realistic presentations of how we reimagine your business identity."
+      title="Ejemplos de Marca Premium"
+      description="Presentaciones realistas de cómo reimaginamos la identidad de tu negocio."
     />
   </div>
 
@@ -166,18 +115,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "87%",          title: "Bookings Increase",          description: "Direct impact on client reservation flow.",          icon: Calendar,
-        },
-        {
-          id: "m2",          value: "64%",          title: "WhatsApp Clicks",          description: "Increase in direct contact and lead inquiries.",          icon: MessageCircle,
-        },
-        {
-          id: "m3",          value: "3.4x",          title: "Perceived Authority",          description: "Growth in brand reputation and professional trust.",          icon: TrendingUp,
-        },
+        { 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 },
       ]}
-      title="Measurable Authority"
-      description="We don't just create websites; we build revenue-generating assets for your business."
+      title="Autoridad Medible"
+      description="No solo creamos sitios web; construimos activos generadores de ingresos."
     />
   </div>
 
@@ -187,74 +130,37 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "James Anderson",          handle: "Founder, Urban Grooming",          testimonial: "The cinematic pacing of our new site changed how we sell. We are fully booked every week.",          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: "Owner, Rossi Boutique",          testimonial: "Everything feels so premium and handcrafted. It’s exactly the brand identity we needed.",          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: "t3",          name: "Dr. Marcus Chen",          handle: "Lead, Chen Clinic",          testimonial: "ORYZO turned our clinic into a trustworthy medical hub online.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829821.jpg"},
-        {
-          id: "t4",          name: "Sofia Lima",          handle: "Creative Director",          testimonial: "The level of motion design is simply incomparable to anything else in our city.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
-        {
-          id: "t5",          name: "David Thorne",          handle: "Architect",          testimonial: "World-class presence for our firm. Simply extraordinary.",          imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
+        { 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" }
       ]}
-      title="Voices of Transformation"
-      description="Real businesses achieving extraordinary results through our digital alchemy."
+      title="Voces de Transformación"
+      description="Negocios reales alcanzando resultados extraordinarios mediante nuestra alquimia digital."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Let's begin"
-      title="Your business already exists physically. Now make it unforgettable digitally."
-      description="Don't settle for generic. Transform your business into an elite digital experience."
-      buttons={[
-        {
-          text: "Schedule Strategy Session",          href: "#"},
-      ]}
+      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: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Portfolio",              href: "#portfolio"},
-          ],
-        },
-        {
-          title: "Service",          items: [
-            {
-              label: "Strategy",              href: "#"},
-            {
-              label: "Digital Design",              href: "#"},
-          ],
-        },
-        {
-          title: "Location",          items: [
-            {
-              label: "United Kingdom",              href: "#"},
-            {
-              label: "Spain",              href: "#"},
-            {
-              label: "Portugal",              href: "#"},
-            {
-              label: "Brazil",              href: "#"},
-          ],
-        },
+        { 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: "#" }] },
       ]}
       bottomLeftText="© 2024 ORYZO AI."
-      bottomRightText="Crafting premium digital experiences."
+      bottomRightText="Creando experiencias digitales premium."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;