bender/ec8b94d8-e5da-4c59-9226-70d26ef2934d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-04-07 20:08:00 +00:00
Conversation 0 Commits 2 Files Changed 2 +63 -96
2 changed files with 63 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/app/page.tsx
View File

@@ -3,14 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { CheckCircle, Clock, Sparkles } from "lucide-react";
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, Clock, MessageSquare, Truck, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,143 +28,110 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio", id: "hero"},
{
name: "Nosotros", id: "about"},
{
name: "Nuestros Postres", id: "products"},
{
name: "Contacto", id: "contact"},
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "features" },
{ name: "Productos", id: "products" },
{ name: "Contacto", id: "contact" }
]}
brandName="Posdata con Amor"
brandName="Droguería Azucena"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
<HeroBillboardScroll
background={{ variant: "radial-gradient" }}
title="Momentos inolvidables, hechos con amor"
description="Tortas y postres premium que transforman celebraciones en recuerdos eternos. Ingredientes excepcionales, diseños únicos, entrega garantizada."
tag="Repostería de Lujo en Medellín"
title="Lo que necesitas para tu salud, rápido, cerca y sin complicaciones"
description="Tu bienestar es nuestra prioridad. Encuentra medicamentos, atención experta y entrega a domicilio en minutos en Medellín."
tag="Droguería Azucena en Medellín"
buttons={[
{ text: "Pedir por WhatsApp", href: "https://wa.me/573000000000" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/black-cake-with-gold-leaves-black-topper_188544-19731.jpg", imageAlt: "Cake Celebration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuits-with-flowers-flat-lay_23-2148890814.jpg?_wi=1", imageAlt: "Cake Luxury" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Más de 500 celebraciones perfectas"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "No vendemos tortas, " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-cake-pastry-shop_23-2150360216.jpg", alt: "About Us" },
{ type: "text", content: "creamos recuerdos." },
]}
imageSrc="http://img.b2bpic.net/free-photo/pharmacy-interior-full-medicines_23-2148777777.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={true}
title="Nuestros Servicios"
description="Pensados para cuidar tu salud con rapidez y cercanía."
features={[
{
title: "Ingredientes Premium", description: "Seleccionamos solo lo mejor para sabores inigualables.", icon: CheckCircle,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-muffin-ingredients-top-view_23-2148718980.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-muffin-ingredients-top-view_23-2148718980.jpg?_wi=2" }
]
tag: "Variedad", title: "Medicamentos y Cuidado", subtitle: "Amplio stock disponible", description: "Desde medicamentos básicos hasta productos especializados para tu cuidado personal.", imageSrc: "http://img.b2bpic.net/free-photo/pharmacy-shelf-medicines_23-2148777790.jpg"
},
{
title: "Diseño Personalizado", description: "Tu visión se convierte en una obra de arte comestible.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-strawberry-cakes-with-jam-chocolate-bars-white-surface_140725-90582.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-strawberry-cakes-with-jam-chocolate-bars-white-surface_140725-90582.jpg?_wi=2" }
]
tag: "Velocidad", title: "Domicilios Rápidos", subtitle: "Tu salud no espera", description: "Realizamos entregas rápidas en toda la zona, garantizando frescura y seguridad.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-pharmacy_23-2148777805.jpg"
},
{
title: "Cumplimiento Total", description: "Entregas puntuales para tu tranquilidad absoluta.", icon: Clock,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/young-happy-courier-wearing-headset-while-delivering-food-from-restaurant_637285-6602.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-happy-courier-wearing-headset-while-delivering-food-from-restaurant_637285-6602.jpg?_wi=2" }
]
tag: "Facilidad", title: "WhatsApp Ordering", subtitle: "Atención directa", description: "Haz tus pedidos directamente por WhatsApp. Rápido, seguro y sin filas.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-ordering-pharmacy_23-2148777810.jpg"
}
]}
title="Nuestra promesa de calidad"
description="Cada detalle es pensado para convertir tu celebración en un momento eterno."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
title="Nuestro Inventario"
description="Productos seleccionados para tu bienestar cotidiano."
products={[
{ id: "1", name: "Torta Ceremonial", price: "Desde $150.000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604552.jpg" },
{ id: "2", name: "Cake de Bodas", price: "Desde $450.000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuits-with-flowers-flat-lay_23-2148890814.jpg?_wi=2" },
{ id: "3", name: "Selección Corporativa", price: "Desde $200.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-delicious-creamy-cupcakes-with-cherries-trays_181624-28744.jpg" },
{ id: "4", name: "Postres Individuales", price: "Desde $15.000", imageSrc: "http://img.b2bpic.net/free-photo/bird-milk-cake-table_140725-4464.jpg" },
{ id: "5", name: "Caja de Macarons", price: "Desde $80.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-french-macarons-delicious-baked-inside-basket-dark-table-cake-biscuit-cookie-sugar_140725-27849.jpg" },
{ id: "6", name: "Tartas Gourmet", price: "Desde $90.000", imageSrc: "http://img.b2bpic.net/free-photo/sweet-cookies-with-cream-dogwoods-inside-plate-grey_140725-30095.jpg" }
{ id: "1", name: "Medicamentos", price: "Variedad", imageSrc: "http://img.b2bpic.net/free-photo/pill-blister-packs_23-2148777850.jpg" },
{ id: "2", name: "Cuidado Personal", price: "Calidad", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-skin-care_23-2148777860.jpg" },
{ id: "3", name: "Vitaminas", price: "Vitalidad", imageSrc: "http://img.b2bpic.net/free-photo/vitamin-bottles_23-2148777870.jpg" },
{ id: "4", name: "Botiquín", price: "Seguridad", imageSrc: "http://img.b2bpic.net/free-photo/first-aid-kit_23-2148777880.jpg" }
]}
title="Nuestra Colección"
description="Explora nuestros postres diseñados para cada ocasión especial."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Camila G.", handle: "Boda 2024", testimonial: "El diseño de la torta fue simplemente espectacular. Tal como lo soñé.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-cutting-cake-their-wedding_23-2150835742.jpg" },
{ id: "2", name: "Juan M.", handle: "Evento Corporativo", testimonial: "Puntualidad y sabor impecable. Definitivamente nuestra opción de confianza.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-345.jpg" },
{ id: "3", name: "Valentina R.", handle: "Cumpleaños 15", testimonial: "Un trabajo artístico increíble, el sabor nos cautivó a todos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grateful-charming-blond-european-s-woman-silver-party-dress-press-palms-heart-feel-thankful-appre_1258-131137.jpg" },
{ id: "4", name: "Andrés P.", handle: "Aniversario", testimonial: "La mejor repostería de Medellín, cada detalle cuidado con cariño.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-queer-couples-celebrating-birthday_23-2149668045.jpg" },
{ id: "5", name: "Sofía T.", handle: "Bautizo", testimonial: "Calidad inigualable y un servicio profesional desde el primer momento.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-making-selfie-instant-camera_158595-3892.jpg" }
]}
showRating={true}
title="Lo que dicen nuestros clientes"
description="El amor y la calidad se sienten en cada bocado."
description="Más de 4.1 estrellas de confianza en cada entrega."
kpiItems={[
{ value: "4.1", label: "Estrellas promedio" },
{ value: "15min", label: "Tiempo de respuesta" },
{ value: "+1k", label: "Entregas exitosas" }
]}
testimonials={[
{ id: "1", name: "María E.", role: "Cliente frecuente", company: "Medellín", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-portrait_23-2148777900.jpg" },
{ id: "2", name: "Carlos J.", role: "Cliente frecuente", company: "Medellín", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-portrait_23-2148777910.jpg" },
{ id: "3", name: "Sofía A.", role: "Cliente frecuente", company: "Medellín", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-portrait_23-2148777920.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Haz tu pedido hoy"
description="Estamos listos para hacer parte de tu celebración. Escríbenos y personaliza tu pedido."
title="Haz tu pedido rápido"
description="Pide tus medicamentos por WhatsApp. Estamos cerca de ti."
inputs={[
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
{ name: "email", type: "email", placeholder: "Tu correo", required: true },
{ name: "phone", type: "tel", placeholder: "Tu teléfono (WhatsApp)", required: true },
{ name: "phone", type: "tel", placeholder: "Tu número de WhatsApp", required: true }
]}
textarea={{
name: "message", placeholder: "Cuéntanos sobre tu evento especial", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/view-strawberry-cake-bakery-shop_23-2150360188.jpg"
textarea={{ name: "message", placeholder: "¿Qué necesitas hoy?", rows: 3, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/pharmacist-using-phone_23-2148777950.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Posdata con Amor"
copyrightText="© 2025 Posdata con Amor | Todos los derechos reservados"
<FooterMedia
logoText="Droguería Azucena"
imageSrc="http://img.b2bpic.net/free-photo/pharmacy-street-view_23-2148777960.jpg"
columns={[
{ title: "Servicios", items: [{ label: "Domicilios", href: "#features" }, { label: "WhatsApp", href: "#contact" }] },
{ title: "Horario", items: [{ label: "Lunes-Domingo", href: "#" }] }
]}
copyrightText="© 2025 Droguería Azucena | Medellín"
/>
</div>
</ReactLenis>

8
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612;
--primary-cta: #c5a059;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #ffffff;
--accent: #e2e2e2;
--background-accent: #f3eee5;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);