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

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

17 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
492f30962e Update src/app/page.tsx 2026-04-30 14:49:25 +00:00
bender
79b2541eb4 Update src/app/layout.tsx 2026-04-30 14:49:24 +00:00
bender
4c2fbf3c24 Update src/app/page.tsx 2026-04-30 14:48:47 +00:00
bender
b49ccb118b Update src/app/page.tsx 2026-04-30 14:48:18 +00:00
bender
4014a161d1 Update src/app/page.tsx 2026-04-30 14:45:50 +00:00
bender
83ff284605 Update src/app/layout.tsx 2026-04-30 14:45:50 +00:00
bender
ed61f5b35d Update src/app/page.tsx 2026-04-30 14:45:19 +00:00
bender
66a347799a Update src/app/layout.tsx 2026-04-30 14:42:42 +00:00
bender
906c06ddb7 Update src/app/page.tsx 2026-04-30 14:40:07 +00:00
bender
87a9285a15 Update src/app/page.tsx 2026-04-30 14:39:40 +00:00
bender
2801015b44 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:29:24 +00:00
bender
59a19d0718 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:24:42 +00:00
bender
8c947d7dc2 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:23:45 +00:00
bender
22a436cde9 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:23:09 +00:00
bender
c6391d678d Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:22:37 +00:00
bender
ab9c243832 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:22:07 +00:00
bender
8fd0229768 Merge version_1 into main 
Merge version_1 into main
 2026-04-30 14:21:37 +00:00
2 changed files with 28 additions and 109 deletions
Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -12,8 +12,8 @@ import { Quicksand } from "next/font/google";
export const metadata: Metadata = {
title: 'Cute Studio | Merchandising Personalizado',
description: 'Transformamos tus ideas en prendas únicas con diseños personalizados, hechos a mano y con mucho amor.',
title: 'Home',
description: 'Build faster with our services.',
};
const fredoka = Fredoka_One({

133
src/app/page.tsx
View File

@@ -1,132 +1,51 @@
"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 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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Cute Studio" />
<NavbarStyleApple navItems={navItems} />
</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"
/>
<HeroSignup title="Welcome" description="Build faster." tag="New" background={{ variant: "plain" }} />
</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."
/>
<FeatureCardTwentyFour title="Services" description="Our core offerings." features={[{ id: "1", title: "Service 1", author: "Admin", description: "High quality service.", tags: ["pro"], videoSrc: "https://example.com/video1.mp4" }, { id: "2", title: "Service 2", author: "Admin", description: "High quality service.", tags: ["pro"], videoSrc: "https://example.com/video2.mp4" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="why" data-section="why">
<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."
/>
<MetricCardSeven title="Why Us" description="Our track record." metrics={[{ id: "1", value: "100%", title: "Uptime", items: [] }, { id: "2", value: "24/7", title: "Support", items: [] }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="projects" data-section="projects">
<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."
/>
<ProductCardThree title="Projects" description="Our latest work." products={[{ id: "1", name: "Proj 1", price: "$10", imageSrc: "/img.jpg" }, { id: "2", name: "Proj 2", price: "$20", imageSrc: "/img.jpg" }, { id: "3", name: "Proj 3", price: "$30", imageSrc: "/img.jpg" }]} gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
</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"
/>
<MetricSplitMediaAbout title="About" description="Our mission." metrics={[{ value: "10+ years", title: "Experience" }, { value: "500+ projects", title: "Delivered" }]} mediaAnimation="slide-up" metricsAnimation="slide-up" useInvertedBackground={false} />
</div>
<div id="faq" data-section="faq">
<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."
/>
<FaqSplitMedia title="FAQ" description="Questions?" faqs={[{ id: "1", title: "How?", content: "Like this." }, { id: "2", title: "When?", content: "Now." }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
</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"
/>
<ContactCenter title="Contact" description="Get in touch." tag="Support" background={{ variant: "plain" }} useInvertedBackground={false} />
</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."
/>
<FooterBaseCard logoText="Brand" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
</div>
</ThemeProvider>
);