Merge version_1 into main #2
@@ -12,8 +12,8 @@ import { Quicksand } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Cute Studio | Custom Apparel & Merch',
|
||||
description: 'Estudio boutique de productos personalizados: buzos de egresados, merch para marcas y piezas únicas. Hecho a mano, pequeño y personal.',
|
||||
title: 'Cute Studio | Merch con Amor',
|
||||
description: 'Creamos merch personalizado, buzos de egresados y productos únicos con mucho amor.',
|
||||
};
|
||||
|
||||
const fredoka = Fredoka_One({
|
||||
|
||||
230
src/app/page.tsx
230
src/app/page.tsx
@@ -19,133 +19,133 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Proyectos", id: "projects" },
|
||||
{ name: "Nuestra Historia", id: "about" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Cute Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Proyectos", id: "projects" },
|
||||
{ name: "Nuestra Historia", id: "about" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</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"
|
||||
/>
|
||||
</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."
|
||||
/>
|
||||
</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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
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="why" data-section="why">
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
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}
|
||||
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="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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="We are Cute Studio"
|
||||
description="Cute Studio nació en 2020 como un pequeño proyecto familiar. Hoy somos un estudio boutique que cuida cada detalle de tus personalizados."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164861.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="We are Cute Studio"
|
||||
description="Cute Studio nació en 2020 como un pequeño proyecto familiar. Hoy somos un estudio boutique que cuida cada detalle de tus personalizados."
|
||||
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}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Tienen stock disponible?", content: "Trabajamos con cupos limitados." },
|
||||
{ id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo el país." },
|
||||
{ id: "q3", title: "¿Cómo solicito un presupuesto?", content: "Escribinos por Instagram." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitás saber."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Tienen stock disponible?", content: "Trabajamos con cupos limitados." },
|
||||
{ id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo el país." },
|
||||
{ id: "q3", title: "¿Cómo solicito un presupuesto?", content: "Escribinos por Instagram." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitás saber."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="¡Hagamos algo lindo!"
|
||||
description="Dejanos tu email 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="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="¡Hagamos algo lindo!"
|
||||
description="Dejanos tu email 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."
|
||||
/>
|
||||
</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."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user