diff --git a/src/app/page.tsx b/src/app/page.tsx
index d5af0af..2d8bf31 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,125 +1,51 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroSignup from "@/components/sections/hero/HeroSignup";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
-const navItems = [{ name: "Home", id: "/" }];
+export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
 
-export default function Page() {
   return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="Cute Studio" />
+        <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSignup
-          background={{ variant: "sparkles-gradient" }}
-          title="Creamos merch con amor y mucha ternura"
-          description="En Cute Studio transformamos tus ideas en prendas únicas. Diseños personalizados, hechos a mano y con el cuidado que te mereces."
-          tag="Bienvenidos a Cute Studio"
-        />
+        <HeroSignup title="Welcome" description="Build faster." tag="New" background={{ variant: "plain" }} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyFour
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          title="Nuestros servicios"
-          description="Desde tu primer buzo de egresados hasta merchandising para tu marca, cuidamos cada detalle."
-          features={[
-            { id: "f1", title: "Graduation Hoodies", author: "Promociones", description: "Buzos personalizados para tu promoción. Diseños únicos desde 2025.", tags: ["Popular"], imageSrc: "http://img.b2bpic.net/free-vector/illustration-graduation-skeleton-with-ribbon-lettering_1284-53101.jpg" },
-            { id: "f2", title: "Merch para artistas", author: "Artistas", description: "Llevá tu marca al siguiente nivel con piezas exclusivas y originales.", tags: ["Especial"], imageSrc: "http://img.b2bpic.net/free-photo/view-illustrator-tools-arrangement_23-2150268057.jpg" },
-            { id: "f3", title: "Piezas a medida", author: "Premium", description: "Serigrafía, bordados y die-cut. Tu diseño, tu estilo, hecho a medida.", tags: ["Exclusivo"], imageSrc: "http://img.b2bpic.net/free-photo/plain-white-t-shirt-with-diy-painted-design_23-2150564410.jpg" }
-          ]}
-        />
+        <FeatureCardTwentyFour title="Services" description="Our core offerings." features={[]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="why" data-section="why">
-        <MetricCardSeven
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          title="¿Por qué elegirnos?"
-          description="Somos un estudio boutique, no una fábrica masiva."
-          metrics={[
-            { id: "m1", value: "100%", title: "Hecho a mano", items: ["Calidad Argentina", "Personalizado", "Atención real"] },
-            { id: "m2", value: "Limitado", title: "Cupos exclusivos", items: ["Producción mensual", "Cuidado individual", "Diseño único"] }
-          ]}
-        />
+        <MetricCardSeven title="Why Us" metrics={[]} animationType="slide-up" textboxLayout="default" />
       </div>
       <div id="projects" data-section="projects">
-        <ProductCardThree
-          animationType="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          useInvertedBackground={false}
-          title="Proyectos recientes"
-          description="Un vistazo a lo que creamos para nuestros amigos y clientes."
-          products={[
-            { id: "p1", name: "Buzo Promoción 2025", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg" },
-            { id: "p2", name: "Merch Bakalin", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-disposable-paper-cup-white-background-top-view_169016-34795.jpg" },
-            { id: "p3", name: "Remeras Personalizadas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-inspiring-vision-board_23-2150104655.jpg" }
-          ]}
-        />
+        <ProductCardThree title="Projects" products={[]} gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" />
       </div>
       <div id="about" data-section="about">
-        <MetricSplitMediaAbout
-          useInvertedBackground={true}
-          title="We are Cute Studio"
-          description="Cute Studio nació en 2020 como un pequeño proyecto familiar que creció con el tiempo hasta convertirse en un estudio boutique para marcas y promociones especiales."
-          metrics={[{ title: "Años de experiencia", value: "5+" }, { title: "Proyectos entregados", value: "500+" }]}
-          imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164861.jpg"
-        />
+        <MetricSplitMediaAbout title="About" description="Our mission." metrics={[]} mediaAnimation="slide-up" metricsAnimation="slide-up" />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "q1", title: "¿Tienen stock disponible?", content: "Trabajamos bajo cupos limitados mensuales." },
-            { id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo el país." },
-            { id: "q3", title: "¿Cómo solicitar un presupuesto?", content: "Escribinos por Instagram contándonos qué tenés en mente." }
-          ]}
-          title="Preguntas frecuentes"
-          description="Todo lo que necesitás saber sobre tus pedidos."
-          imageSrc="http://img.b2bpic.net/free-vector/colorful-doodle-animals-words-pattern_52683-5350.jpg"
-        />
+        <FaqSplitMedia title="FAQ" description="Questions?" faqs={[]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter
-          useInvertedBackground={true}
-          tag="Contacto"
-          title="¡Hagamos algo lindo!"
-          description="Dejanos tu email y nos pondremos en contacto."
-          background={{ variant: "plain" }}
-        />
+        <ContactCenter title="Contact" description="Get in touch." tag="Support" background={{ variant: "plain" }} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseCard
-          logoText="Cute Studio"
-          columns={[
-            { title: "Social", items: [{ label: "Instagram", href: "#" }] },
-            { title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
-          ]}
-        />
+        <FooterBaseCard logoText="Brand" columns={[]} />
       </div>
     </ThemeProvider>
   );