bender/2db34b48-8a98-41f6-8796-dc8ad0e17a1c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #14

Merged
bender merged 1 commits from version_2 into main 2026-04-30 14:48:22 +00:00
Conversation 0 Commits 1 Files Changed 1 +26 -100
1 changed files with 26 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/app/page.tsx
View File

@@ -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>
);