From 97a0f62b1dd8954171a0d6634440251c6160d5b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 01:12:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 167 ++++++++++++++---------------------------------
 1 file changed, 49 insertions(+), 118 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 493c908..c16d38c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,8 +7,8 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,16 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Servicios",          id: "services"},
-        {
-          name: "Eventos",          id: "events"},
-        {
-          name: "Nosotros",          id: "about"},
-        {
-          name: "Galería",          id: "portfolio"},
+        { name: "Inicio", id: "hero" },
+        { name: "Servicios", id: "services" },
+        { name: "Eventos", id: "events" },
+        { name: "Nosotros", id: "about" },
+        { name: "Testimonios", id: "portfolio" },
       ]}
       brandName="Viri García"
     />
@@ -48,23 +43,14 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Viri García"
       description="Minimalist luxury in every detail. Professional styling for the modern aesthetic."
-      buttons={[
-        {
-          text: "Book Now",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Book Now", href: "#contact" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=1",          imageAlt: "Hairstyling Process"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=2",          imageAlt: "Makeup Artistry"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=3",          imageAlt: "Nail Artistry"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=4",          imageAlt: "Event Styling"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=5",          imageAlt: "Professional Portrait"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=6",          imageAlt: "Studio Atmosphere"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=1", imageAlt: "Hairstyling Process" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=2", imageAlt: "Makeup Artistry" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=3", imageAlt: "Nail Artistry" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=4", imageAlt: "Event Styling" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=5", imageAlt: "Professional Portrait" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=6", imageAlt: "Studio Atmosphere" },
       ]}
     />
   </div>
@@ -75,33 +61,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Manicura & Pedicura",          description: "Detalle y arte en el cuidado de tus manos.",          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=2"},
-          ],
-        },
-        {
-          title: "Peinados Editoriales",          description: "Diseños exclusivos para sesiones y eventos.",          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=2"},
-          ],
-        },
-        {
-          title: "Maquillaje Profesional",          description: "Resaltando tu belleza con técnicas avanzadas.",          icon: Sparkles,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=2"},
-          ],
-        },
+        { title: "Manicura & Pedicura", description: "Detalle y arte en el cuidado de tus manos.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=2" }] },
+        { title: "Peinados Editoriales", description: "Diseños exclusivos para sesiones y eventos.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=2" }] },
+        { title: "Maquillaje Profesional", description: "Resaltando tu belleza con técnicas avanzadas.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=2" }] },
       ]}
       title="Nuestros Servicios"
       description="Experiencia en diseño de imagen personalizado."
@@ -115,18 +77,12 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Bodas",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=1"},
-        {
-          id: "2",          name: "XV Años",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=1"},
-        {
-          id: "3",          name: "Eventos Sociales",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=2"},
-        {
-          id: "4",          name: "Graduaciones",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=2"},
-        {
-          id: "5",          name: "Sesiones",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=3"},
-        {
-          id: "6",          name: "Editorial",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=3"},
+        { id: "1", name: "Bodas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=1" },
+        { id: "2", name: "XV Años", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=1" },
+        { id: "3", name: "Eventos Sociales", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=2" },
+        { id: "4", name: "Graduaciones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=2" },
+        { id: "5", name: "Sesiones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=3" },
+        { id: "6", name: "Editorial", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=3" },
       ]}
       title="Bodas & Eventos"
       description="Creamos momentos inolvidables con estilo."
@@ -134,71 +90,46 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
+      <InlineImageSplitTextAbout
+      heading={[{ type: "text", content: "Filosofía Viri García" }]}
       useInvertedBackground={false}
-      title="Filosofía Viri García"
-      description="En nuestro estudio, el minimalismo se une con la sofisticación. Creemos en la belleza auténtica, cuidada y hecha a medida. Cada detalle está diseñado para elevar tu estilo personal con un toque de lujo consciente y profesionalismo artístico."
-      bulletPoints={[
-        {
-          title: "Pasión por el detalle",          description: "La perfección es nuestra norma."},
-        {
-          title: "Enfoque personalizado",          description: "Tu estilo, nuestra inspiración."},
-        {
-          title: "Calidad editorial",          description: "Resultados de revista en cada sesión."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg"
-      mediaAnimation="blur-reveal"
+      className="py-20"
     />
   </div>
 
   <div id="portfolio" data-section="portfolio">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Looks Editorial",        "Manicura Fina",        "Makeup Glam",        "Novias",        "Eventos",        "Editorial",        "Style"]}
-      logos={[
-        "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg",        "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg",        "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg",        "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg",        "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg",        "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg",        "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg"]}
-      title="Portfolio Visual"
-      description="Inspiración del día a día en el estudio."
-    />
+      <TestimonialCardSixteen
+        animationType="slide-up"
+        title="Lo que dicen de nosotros"
+        description="La excelencia en cada detalle nos ha ganado la confianza de nuestros clientes."
+        textboxLayout="split"
+        useInvertedBackground={true}
+        kpiItems={[
+          { value: "500+", label: "Sesiones" },
+          { value: "98%", label: "Satisfacción" },
+          { value: "10+", label: "Años Exp." }
+        ]}
+        testimonials={[
+          { id: "1", name: "Elena M.", role: "Novia", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg" },
+          { id: "2", name: "Sofia R.", role: "Editorial", company: "Cliente Frecuente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg" }
+        ]}
+      />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="Viri García"
       columns={[
-        {
-          title: "Estudio",          items: [
-            {
-              label: "Servicios",              href: "#services"},
-            {
-              label: "Eventos",              href: "#events"},
-            {
-              label: "Sobre Nosotros",              href: "#about"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacidad",              href: "#"},
-            {
-              label: "Términos",              href: "#"},
-          ],
-        },
-        {
-          title: "Contacto",          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "WhatsApp",              href: "#"},
-          ],
-        },
+        { title: "Estudio", items: [{ label: "Servicios", href: "#services" }, { label: "Eventos", href: "#events" }, { label: "Sobre Nosotros", href: "#about" }] },
+        { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
+        { title: "Contacto", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
       ]}
+      className="bg-black text-white py-12 border-t border-gray-800"
+      columnTitleClassName="text-accent font-semibold tracking-widest uppercase text-xs"
+      copyrightTextClassName="text-gray-500 text-[10px]"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1