Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -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,14 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: t("Intro"), id: "hero" },
-          name: "Intro",          id: "hero"},
+        { name: t("Características"), id: "transformation" },
-        {
+        { name: t("Portafolio"), id: "portfolio" },
-          name: "Features",          id: "transformation"},
+        { name: t("Contacto"), id: "contact" },
-        {
-          name: "Portfolio",          id: "portfolio"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="ORYZO"
     />
@@ -47,52 +45,19 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
+      title={t("Los negocios locales merecen una presencia digital de clase mundial.")}
-      title="Local businesses deserve world-class digital presence."
+      description={t("Reimaginamos pequeños negocios y los convertimos en marcas extraordinarias para la era de la IA.")}
-      description="We reimagine small businesses into extraordinary brands for the AI era."
       testimonials={[
-        {
+        { 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: "Sarah Miller",          handle: "@sarah_salon",          testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.",          rating: 5,
+        { 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/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"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
-      imageAlt="Cinematic digital architecture"
+      imageAlt="Arquitectura digital cinemática"
-      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"},
-      ]}
       marqueeItems={[
-        {
+        { type: "text", text: t("Diseño UI/UX de Élite") },
-          type: "text",          text: "Elite UI/UX Design"},
+        { type: "text", text: t("Identidad de Marca Premium") },
-        {
+        { type: "text", text: t("Motion Graphics Cinemáticos") },
-          type: "text",          text: "Premium Brand Identity"},
-        {
-          type: "text",          text: "Cinematic Motion Graphics"},
-        {
-          type: "text",          text: "High Conversion Flow"},
-        {
-          type: "text",          text: "Authority Positioning"},
       ]}
     />
   </div>
@@ -101,18 +66,15 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="The Transformation Experience"
+      title={t("La Experiencia de Transformación")}
-      description="Most local businesses have great service but look small online. We bridge that gap by elevating your authority, trust, and perceived value."
+      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: t("Antes: Obsoleto"), description: t("Presencia digital genérica que espanta a los clientes premium.") },
-          title: "Before: Outdated",          description: "Generic, low-authority digital presence that scares away premium clients."},
+        { 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.") },
-          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."},
       ]}
       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 +84,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: t("Belleza y Barbería"), description: t("Estudios de alta gama y clínicas estéticas."), icon: Scissors },
-          title: "Barber & Beauty",          description: "High-end grooming studios and aesthetic clinics.",          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: "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="Industries We Elevate"
+      title={t("Industrias que Elevamos")}
-      description="We specialize in premium physical service sectors requiring elite digital positioning."
+      description={t("Nos especializamos en sectores de servicios físicos que requieren posicionamiento digital de élite.")}
     />
   </div>
 
@@ -147,15 +101,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { 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: "p1",          name: "The Modern Barber",          price: "Experience",          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" },
-          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"},
       ]}
-      title="Premium Brand Examples"
+      title={t("Ejemplos de Marca Premium")}
-      description="Realistic presentations of how we reimagine your business identity."
+      description={t("Presentaciones realistas de cómo reimaginamos la identidad de tu negocio.")}
     />
   </div>
 
@@ -166,18 +117,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "87%", title: t("Aumento de Reservas"), description: t("Impacto directo en el flujo de citas."), icon: Calendar },
-          id: "m1",          value: "87%",          title: "Bookings Increase",          description: "Direct impact on client reservation flow.",          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 },
-        {
-          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,
-        },
       ]}
-      title="Measurable Authority"
+      title={t("Autoridad Medible")}
-      description="We don't just create websites; we build revenue-generating assets for your business."
+      description={t("No solo creamos sitios web; construimos activos generadores de ingresos.")}
     />
   </div>
 
@@ -187,71 +132,34 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { 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: "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: "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" }
-        {
-          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"},
       ]}
-      title="Voices of Transformation"
+      title={t("Voces de Transformación")}
-      description="Real businesses achieving extraordinary results through our digital alchemy."
+      description={t("Negocios reales alcanzando resultados extraordinarios mediante nuestra alquimia digital.")}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
+      tag={t("Empecemos")}
-      tag="Let's begin"
+      title={t("Tu negocio ya existe físicamente. Hazlo inolvidable digitalmente.")}
-      title="Your business already exists physically. Now make it unforgettable digitally."
+      description={t("No te conformes con lo genérico. Transforma tu negocio en una experiencia digital de élite.")}
-      description="Don't settle for generic. Transform your business into an elite digital experience."
+      buttons={[{ text: t("Agendar Sesión de Estrategia"), href: "#" }]}
-      buttons={[
-        {
-          text: "Schedule Strategy Session",          href: "#"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: t("Compañía"), items: [{ label: t("Sobre Nosotros"), href: "#" }, { label: t("Portafolio"), href: "#portfolio" }] },
-          title: "Company",          items: [
+        { 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: "#" }] },
-              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: "#"},
-          ],
-        },
       ]}
       bottomLeftText="© 2024 ORYZO AI."
-      bottomRightText="Crafting premium digital experiences."
+      bottomRightText={t("Creando experiencias digitales premium.")}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
+  --background: #ffffff;
-  --card: #040121;
+  --card: #f9f9f9;
-  --foreground: #f0e6ff;
+  --foreground: #000f06e6;
-  --primary-cta: #c89bff;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #050012;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #f0e6ff;
+  --secondary-cta-text: #000f06e6;
-  --accent: #684f7b;
+  --accent: #e2e2e2;
-  --background-accent: #65417c;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);