From aac1a0021859cced4e8ec312ebeb51f0f2f9aaaa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 14:23:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 123 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 94 insertions(+), 29 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1a5af9e..0ec6d79 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,57 +1,122 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import Link from "next/link";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 const navItems = [{ name: "Home", id: "/" }];
 
 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">
         <NavbarStyleFullscreen navItems={navItems} brandName="Cute Studio" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll 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." buttons={[{ text: "¡Empecemos!", href: "#contact" }]} imageSrc="http://img.b2bpic.net/free-psd/90s-emoji-illustration_23-2151968217.jpg" />
+        <HeroBillboardScroll
+          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."
+          buttons={[{ text: "¡Empecemos!", href: "#contact" }]}
+          imageSrc="http://img.b2bpic.net/free-psd/90s-emoji-illustration_23-2151968217.jpg"
+        />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardMedia animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "f1", title: "🎓 Graduation Hoodies", description: "Buzos personalizados para tu promoción. Diseños únicos desde 2025.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-vector/illustration-graduation-skeleton-with-ribbon-lettering_1284-53101.jpg" }, { id: "f2", title: "🎨 Merch para artistas y marcas", description: "Llevá tu marca al siguiente nivel con piezas exclusivas y originales.", tag: "Especial", imageSrc: "http://img.b2bpic.net/free-photo/view-illustrator-tools-arrangement_23-2150268057.jpg" }, { id: "f3", title: "✨ Piezas a medida", description: "Serigrafía, bordados y die-cut. Tu diseño, tu estilo, hecho a medida.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/plain-white-t-shirt-with-diy-painted-design_23-2150564410.jpg" }]} title="Nuestros servicios" description="Desde tu primer buzo de egresados hasta merchandising para tu marca, cuidamos cada detalle." />
+        <FeatureCardMedia
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { id: "f1", title: "🎓 Graduation Hoodies", description: "Buzos personalizados para tu promoción. Diseños únicos desde 2025.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-vector/illustration-graduation-skeleton-with-ribbon-lettering_1284-53101.jpg" },
+            { id: "f2", title: "🎨 Merch para artistas y marcas", description: "Llevá tu marca al siguiente nivel con piezas exclusivas y originales.", tag: "Especial", imageSrc: "http://img.b2bpic.net/free-photo/view-illustrator-tools-arrangement_23-2150268057.jpg" },
+            { id: "f3", title: "✨ Piezas a medida", description: "Serigrafía, bordados y die-cut. Tu diseño, tu estilo, hecho a medida.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/plain-white-t-shirt-with-diy-painted-design_23-2150564410.jpg" }
+          ]}
+          title="Nuestros servicios"
+          description="Desde tu primer buzo de egresados hasta merchandising para tu marca, cuidamos cada detalle."
+        />
       </div>
       <div id="why" data-section="why">
-        <MetricCardTwo textboxLayout="default" gridVariant="bento-grid" useInvertedBackground={true} animationType="slide-up" metrics={[{ id: "m1", value: "100%", description: "Hecho a mano en Argentina" }, { id: "m2", value: "Limitado", description: "Cupos exclusivos cada mes" }, { id: "m3", value: "Boutique", description: "Atención personal y cercana" }]} title="¿Por qué elegirnos?" description="Somos un estudio boutique, no una fábrica masiva." />
+        <MetricCardTwo
+          textboxLayout="default"
+          gridVariant="bento-grid"
+          useInvertedBackground={true}
+          animationType="blur-reveal"
+          metrics={[
+            { id: "m1", value: "100%", description: "Hecho a mano en Argentina" },
+            { id: "m2", value: "Limitado", description: "Cupos exclusivos cada mes" },
+            { id: "m3", value: "Boutique", description: "Atención personal y cercana" }
+          ]}
+          title="¿Por qué elegirnos?"
+          description="Somos un estudio boutique, no una fábrica masiva."
+        />
       </div>
       <div id="projects" data-section="projects">
-        <ProductCardFour 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", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg" }, { id: "p2", name: "Merch Bakalin", price: "Custom", variant: "Merchandising", 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", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-inspiring-vision-board_23-2150104655.jpg" }, { id: "p4", name: "Diseño para Artistas", price: "Custom", variant: "Gráfica", imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564447.jpg" }, { id: "p5", name: "Stickers Die-Cut", price: "Custom", variant: "Papelería", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-shopping-things-mannequin_23-2148302802.jpg" }, { id: "p6", name: "Bordados Personalizados", price: "Custom", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-creating-vision-board_23-2149934535.jpg" }]} />
+        <ProductCardFour
+          animationType="slide-up"
+          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground={false}
+          products={[
+            { id: "p1", name: "Buzo Promoción 2025", price: "Custom", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg" },
+            { id: "p2", name: "Merch Bakalin", price: "Custom", variant: "Merchandising", 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", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-inspiring-vision-board_23-2150104655.jpg" },
+            { id: "p4", name: "Diseño para Artistas", price: "Custom", variant: "Gráfica", imageSrc: "http://img.b2bpic.net/free-photo/painted-plain-white-t-shirt-with-colorful-design_23-2150564447.jpg" },
+            { id: "p5", name: "Stickers Die-Cut", price: "Custom", variant: "Papelería", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-shopping-things-mannequin_23-2148302802.jpg" },
+            { id: "p6", name: "Bordados Personalizados", price: "Custom", variant: "Textil", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-creating-vision-board_23-2149934535.jpg" }
+          ]}
+          title="Proyectos recientes"
+          description="Un vistazo a lo que creamos para nuestros amigos y clientes."
+        />
       </div>
       <div id="about" data-section="about">
-        <MediaAbout useInvertedBackground={true} title="We are Cute Studio" description="Cute Studio nació en plena pandemia, en 2020, como un pequeño proyecto entre una hija y su mamá jubilada. Arrancamos vendiendo remeras personalizadas desde casa, con mucho amor y pocas herramientas. Con el tiempo fuimos creciendo, mejorando nuestros productos y ampliando lo que podíamos ofrecer. Hoy trabajamos de forma más profesional y en mayores cantidades, haciendo merch empresarial para marcas como McKane y Bakalin, productos escolares, merch oficial, y desde 2025 también buzos de egresados. Somos un estudio boutique de personalizados — no trabajamos en masa, trabajamos con cupos limitados y clientes específicos, porque nos importa que cada pedido sea único, pensado y hecho únicamente para vos." imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164861.jpg" />
+        <MediaAbout
+          useInvertedBackground={true}
+          title="We are Cute Studio"
+          description="Cute Studio nació en plena pandemia, en 2020, como un pequeño proyecto entre una hija y su mamá jubilada. Arrancamos vendiendo remeras personalizadas desde casa, con mucho amor y pocas herramientas. Con el tiempo fuimos creciendo, mejorando nuestros productos y ampliando lo que podíamos ofrecer. Hoy trabajamos de forma más profesional y en mayores cantidades, haciendo merch empresarial para marcas como McKane y Bakalin, productos escolares, merch oficial, y desde 2025 también buzos de egresados. Somos un estudio boutique de personalizados — no trabajamos en masa, trabajamos con cupos limitados y clientes específicos, porque nos importa que cada pedido sea único, pensado y hecho únicamente para vos."
+          imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164861.jpg"
+        />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase textboxLayout="default" useInvertedBackground={false} faqsAnimation="slide-up" title="Preguntas frecuentes" description="Todo lo que necesitás saber sobre tus pedidos." faqs={[{ id: "q1", title: "¿Tienen stock disponible?", content: "Trabajamos únicamente con cupos mensuales limitados para garantizar la calidad." }, { id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo el país a través de correo privado." }, { id: "q3", title: "¿Cómo solicito un presupuesto?", content: "Escribinos por Instagram contándonos qué tenés en mente y te asesoramos." }]} />
+        <FaqBase
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+          faqs={[
+            { id: "q1", title: "¿Tienen stock disponible?", content: "Trabajamos únicamente con cupos mensuales limitados para garantizar la calidad." },
+            { id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo el país a través de correo privado." },
+            { id: "q3", title: "¿Cómo solicito un presupuesto?", content: "Escribinos por Instagram contándonos qué tenés en mente y te asesoramos." }
+          ]}
+          title="Preguntas frecuentes"
+          description="Todo lo que necesitás saber sobre tus pedidos."
+        />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit useInvertedBackground={true} background={{ variant: "plain" }} tag="Contacto" title="¡Hagamos algo lindo!" description="Dejanos tu email y nos pondremos en contacto para charlar sobre tu próximo proyecto." imageSrc="http://img.b2bpic.net/free-vector/colorful-doodle-animals-words-pattern_52683-5350.jpg" mediaAnimation="slide-up" />
+        <ContactSplit
+          useInvertedBackground={true}
+          background={{ variant: "plain" }}
+          tag="Contacto"
+          title="¡Hagamos algo lindo!"
+          description="Dejanos tu email y nos pondremos en contacto para charlar sobre tu próximo proyecto."
+          imageSrc="http://img.b2bpic.net/free-vector/colorful-doodle-animals-words-pattern_52683-5350.jpg"
+          mediaAnimation="slide-up"
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseReveal logoText="Cute Studio" columns={[{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }, { title: "Legal", items: [{ label: "Privacidad", href: "#" }] }]} copyrightText="© 2025 Cute Studio. Hecho con amor en Argentina." />
+        <FooterBaseReveal
+          logoText="Cute Studio"
+          columns={[
+            { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] },
+            { title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
+          ]}
+          copyrightText="© 2025 Cute Studio. Hecho con amor en Argentina."
+        />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1