Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
190
src/app/page.tsx
190
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { MessageCircle, Sparkles, Truck } from "lucide-react";
|
||||
import { MessageCircle, Sparkles, Truck, Heart, Clock, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,18 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Diseños",
|
||||
id: "galeria",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "cta-final",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Diseños", id: "galeria" },
|
||||
{ name: "Beneficios", id: "beneficios" },
|
||||
{ name: "Contacto", id: "cta-final" },
|
||||
]}
|
||||
brandName="COCOON Arte Floral"
|
||||
/>
|
||||
@@ -49,38 +41,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="COCOON Arte Floral"
|
||||
description="Arreglos florales únicos para cada ocasión. Cada diseño es especial. Pregunta por disponibilidad."
|
||||
description="Arreglos florales únicos para cada ocasión. Calidad, frescura y elegancia entregadas en minutos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultar por WhatsApp",
|
||||
href: "https://wa.me/1234567890?text=Hola,%20quiero%20preguntar%20por%20la%20disponibilidad%20de%20arreglos%20florales.",
|
||||
},
|
||||
{ text: "Pedir por WhatsApp", href: "https://wa.me/1234567890?text=Hola,%20me%20gustaría%20ordenar%20un%20arreglo%20floral." }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-xyo7a2ts.jpg?_wi=1",
|
||||
imageAlt: "Arreglo floral exclusivo en canasta",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicate-white-roses-bouquet-vase_23-2150539971.jpg",
|
||||
imageAlt: "Arreglo de rosas en base de cristal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-59687.jpg",
|
||||
imageAlt: "Bouquet primaveral de temporada",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-banner-blue-fabric_53876-167309.jpg",
|
||||
imageAlt: "Arreglo floral minimalista moderno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367212.jpg",
|
||||
imageAlt: "Centro de mesa floral artesanal",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-xyo7a2ts.jpg?_wi=1", imageAlt: "Arreglo floral exclusivo en canasta" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-delicate-white-roses-bouquet-vase_23-2150539971.jpg", imageAlt: "Arreglo de rosas en base de cristal" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beneficios" data-section="beneficios">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Star, title: "Calidad Premium", description: "Seleccionamos las flores más frescas del mercado." },
|
||||
{ icon: Truck, title: "Envío Express", description: "Entregas programadas con cuidado y puntualidad." },
|
||||
{ icon: Heart, title: "Diseño Único", description: "Cada arreglo es una obra de arte personalizada." },
|
||||
{ icon: MessageCircle, title: "Atención 24/7", description: "Resolvemos todas tus dudas por chat instantáneo." }
|
||||
]}
|
||||
title="Por qué elegir COCOON"
|
||||
description="Nos enfocamos en transformar cada sentimiento en una experiencia floral inolvidable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="galeria" data-section="galeria">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
@@ -88,70 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Diseño en Canasta",
|
||||
price: "Consultar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-xyo7a2ts.jpg?_wi=2",
|
||||
imageAlt: "Canasta floral premium",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rosas Premium",
|
||||
price: "Consultar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-p9l4l7wf.jpg",
|
||||
imageAlt: "Ramo de rosas premium",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Caja Elegante",
|
||||
price: "Consultar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-svqcpu8t.jpg",
|
||||
imageAlt: "Caja floral elegante",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ramo Romántico",
|
||||
price: "Consultar",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-ob9ai2r6.jpg",
|
||||
imageAlt: "Ramo romántico personalizado",
|
||||
},
|
||||
{ id: "1", name: "Canasta Premium", price: "Consultar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-xyo7a2ts.jpg?_wi=2" },
|
||||
{ id: "2", name: "Rosas Selectas", price: "Consultar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJfX7GFvekc23CP3302cU4xTWL/uploaded-1778008054754-p9l4l7wf.jpg" },
|
||||
]}
|
||||
title="Algunos de nuestros diseños"
|
||||
description="Explora nuestra curaduría de arreglos. *Las imágenes son de referencia. Cada arreglo se realiza según disponibilidad de flores."
|
||||
buttons={[
|
||||
{
|
||||
text: "Preguntar por este estilo",
|
||||
href: "https://wa.me/1234567890?text=Hola,%20me%20interesa%20un%20arreglo%20similar%20a%20este,%20¿tienes%20disponibilidad?",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="beneficios" data-section="beneficios">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Diseños personalizados",
|
||||
description: "Creamos arreglos únicos adaptados a tu gusto y ocasión.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Entrega a domicilio",
|
||||
description: "Llevamos tus flores frescas directamente a tu puerta.",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
title: "Atención rápida",
|
||||
description: "Respondemos todas tus dudas al instante por WhatsApp.",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Promesa"
|
||||
description="Calidad, dedicación y elegancia en cada creación floral."
|
||||
title="Nuestra Colección"
|
||||
description="Diseños exclusivos para momentos especiales. ¡Haz tu pedido ahora por WhatsApp!"
|
||||
buttons={[{ text: "Ver catálogo en WhatsApp", href: "https://wa.me/1234567890?text=Hola,%20me%20gustaría%20ver%20el%20catálogo%20completo." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,24 +89,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cómo solicito un arreglo?",
|
||||
content: "Escríbenos directamente por WhatsApp haciendo clic en los botones de nuestra web.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Son iguales a las fotos?",
|
||||
content: "Cada arreglo es único y depende de la disponibilidad estacional de las flores.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Hacen envíos el mismo día?",
|
||||
content: "Consulta la disponibilidad actual con nosotros por WhatsApp para coordinar tu entrega.",
|
||||
},
|
||||
{ id: "1", title: "¿Cómo hago mi pedido?", content: "Simplemente toca el botón de WhatsApp y envíanos tu mensaje. Responderemos de inmediato." },
|
||||
{ id: "2", title: "¿Ofrecen entregas hoy?", content: "Sí, contamos con entregas programadas. Consulta tu zona y disponibilidad por chat." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber para encargar tus flores."
|
||||
description="Todo lo que necesitas saber para encargar tus flores hoy."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -185,42 +101,20 @@ export default function LandingPage() {
|
||||
<div id="cta-final" data-section="cta-final">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Encuentra el arreglo perfecto hoy"
|
||||
description="Estamos listos para asesorarte y crear algo inolvidable para ti."
|
||||
buttonText="Escríbenos por WhatsApp"
|
||||
onSubmit={(e) => window.open('https://wa.me/1234567890?text=Hola,%20quiero%20información%20sobre%20los%20arreglos%20disponibles.', '_blank')}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="¡Haz tu pedido!"
|
||||
title="¿Listo para sorprender?"
|
||||
description="Escríbenos ahora y nuestro equipo te ayudará a diseñar el arreglo perfecto en minutos."
|
||||
buttonText="Enviar mensaje por WhatsApp"
|
||||
onSubmit={() => window.open('https://wa.me/1234567890?text=Hola,%20estoy%20listo%20para%20hacer%20un%20pedido.', '_blank')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "COCOON",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Diseños",
|
||||
href: "#galeria",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Nota: Sujeto a disponibilidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "COCOON", items: [{ label: "Inicio", href: "#hero" }, { label: "Diseños", href: "#galeria" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp", href: "https://wa.me/1234567890" }] },
|
||||
]}
|
||||
logoText="COCOON"
|
||||
copyrightText="© 2025 COCOON Arte Floral"
|
||||
@@ -229,4 +123,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #b8964e;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #efebe5;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user