Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { LayoutGrid } from "lucide-react";
+import { LayoutGrid, FileText, BarChart3, Settings, User } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -53,7 +53,9 @@ export default function LandingPage() {
                   { title: "Performance", description: "Per load", values: [90, 95, 99] }
               ],
               logoIcon: LayoutGrid,
-              sidebarItems: [{ icon: LayoutGrid, active: true }],
+              sidebarItems: [{ icon: LayoutGrid, active: true }, { icon: FileText, active: false }, { icon: BarChart3, active: false }, { icon: Settings, active: false }],
+              listItems: [{ icon: User, title: "New Lead", status: "Active" }, { icon: FileText, title: "Project Alpha", status: "Pending" }],
+              buttons: [{ text: "Export" }, { text: "Refresh" }],
               imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg"
             }}
           />
@@ -79,6 +81,7 @@ export default function LandingPage() {
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/gaming-gear-desk-concept_23-2148734472.jpg"
             useInvertedBackground={false}
+            mediaAnimation="blur-reveal"
           />
         </div>
 
@@ -101,13 +104,13 @@ export default function LandingPage() {
         <div id="why-me" data-section="why-me">
           <FaqSplitText
             useInvertedBackground={false}
+            sideTitle="Más que una web."
+            sideDescription="Entiendo la tecnología como un vehículo de ventas, no solo una cara bonita."
             faqs={[
               { id: "f1", title: "Conversión y UX", content: "Cada píxel está diseñado para guiar al usuario hacia la acción." },
               { id: "f2", title: "Sitios de Alta Velocidad", content: "Infraestructura técnica optimizada para carga inmediata." },
               { id: "f3", title: "Diseño Adaptativo", content: "Experiencia consistente en todos los tamaños de pantalla." },
             ]}
-            sideTitle="Más que una web."
-            sideDescription="Entiendo la tecnología como un vehículo de ventas, no solo una cara bonita."
             faqsAnimation="blur-reveal"
           />
         </div>
@@ -128,11 +131,11 @@ export default function LandingPage() {
 
         <div id="contact" data-section="contact">
           <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
             tag="Contacto"
             title="¿Listo para elevar tu presencia digital?"
             description="Empecemos tu proyecto. Respuesta garantizada en 24h."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>