Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ef20cd4bd5 | |||
| d8f62931be | |||
| bc28560120 | |||
| 515fae10af |
419
src/app/page.tsx
419
src/app/page.tsx
@@ -20,315 +20,142 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Frutería Nadia"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Reseñas", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Frutería Nadia"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Frescura Directa a tu Mesa"
|
||||
description="En Frutería Nadia seleccionamos cada pieza de fruta con el mayor cuidado para llevar sabor y salud a tu hogar."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pineapples-ready-sale_23-2151526683.jpg",
|
||||
imageAlt: "Fresh fruits",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cake-cake-basket-apples-chocolate-sauce-berries-raisins-spikelets_140725-72588.jpg",
|
||||
imageAlt: "Fresh oranges and apples",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-red-currants-crate-hand_23-2147920858.jpg",
|
||||
imageAlt: "Fresh berry display market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-fresh-vegetable-wicker-grocery-store-market_23-2148209846.jpg",
|
||||
imageAlt: "Fresh tropical fruit selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-fresh-ripe-organic-broccoli-salad-with-greens-vegetables-cotton-bag-weekend-farmer-s-market_169016-5705.jpg",
|
||||
imageAlt: "Fresh seasonal fruit crates",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",
|
||||
imageAlt: "Fresh farm market vegetables",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Frutería Nadia, Frescura Local"
|
||||
description="De nuestra huerta al corazón de Erandio. Fruta de temporada seleccionada con amor para ti y los tuyos."
|
||||
buttons={[{ text: "Ver Tienda", href: "#products" }, { text: "Pedir por WhatsApp", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruit-vegetables-wooden-background_23-2148209846.jpg", imageAlt: "Fruta fresca" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-fruits-vegetables-wooden-table_23-2148443213.jpg", imageAlt: "Selección natural" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Filosofía"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Productos Orgánicos",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Entrega Rápida",
|
||||
value: "24h",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes Felices",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Nuestra Historia en Erandio"
|
||||
metrics={[
|
||||
{ icon: Leaf, label: "Origen Local", value: "100%" },
|
||||
{ icon: Truck, label: "Envíos Locales", value: "Diarios" },
|
||||
{ icon: Users, label: "Confianza", value: "+15 años" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Selección Premium",
|
||||
description: "Fruta elegida a mano cada mañana.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veggie-healthy-food_23-2148023503.jpg",
|
||||
imageAlt: "fresh organic icon",
|
||||
},
|
||||
{
|
||||
title: "Producto Local",
|
||||
description: "Apoyamos a nuestros agricultores de la zona.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veggie-food_23-2148023528.jpg",
|
||||
imageAlt: "local farm icon",
|
||||
},
|
||||
{
|
||||
title: "Frescura Total",
|
||||
description: "Del campo a tu cocina en menos de un día.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-assurance-icon-which-print-screen-wooden-cube-block-quality-guarantee-iso-certificate-product-service-concept_616485-40.jpg",
|
||||
imageAlt: "quality produce icon",
|
||||
},
|
||||
]}
|
||||
title="Por qué elegir Frutería Nadia"
|
||||
description="Calidad, cercanía y tradición en cada entrega."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Nuestros Servicios"
|
||||
description="Más que una frutería, somos tu aliado en alimentación saludable con opciones semanales y envíos a domicilio."
|
||||
features={[
|
||||
{ title: "Packs Semanales", description: "Cestas equilibradas con lo mejor de cada cosecha.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-vegetables-basket-wooden-table_23-2148209846.jpg" },
|
||||
{ title: "Calidad Garantizada", description: "Selección rigurosa de cada pieza para tu mesa.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-red-currants-crate-hand_23-2147920858.jpg" },
|
||||
{ title: "Envíos a Erandio", description: "Recibe tus productos frescos directamente en casa.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-concept_1150-25219.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Manzanas Royal Gala",
|
||||
price: "2.99€/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-apples-mellow-ripe-fruits-dark-blue-desk-fruit-whole-color-red-plant-vitamine-fresh_140725-110190.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Plátano de Canarias",
|
||||
price: "1.89€/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-rotten-banana-wooden-background_169016-3442.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Naranjas de Zumo",
|
||||
price: "1.50€/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-box-full-oranges_23-2148991695.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresas de Huelva",
|
||||
price: "4.50€/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-strawberries-golden-gradient-light-background_1150-6366.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Uva Blanca",
|
||||
price: "3.20€/kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapes-bunches-grapes-wooden-basket-green-background_140725-119877.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Piña Tropical",
|
||||
price: "2.50€/u",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pineapples-ready-sale_23-2151526682.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Selección"
|
||||
description="Descubre lo mejor de la temporada."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Selección de Temporada"
|
||||
description="Lo mejor de nuestra huerta, disponible ahora para ti."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Cesta Semanal Familiar", price: "25€", imageSrc: "http://img.b2bpic.net/free-photo/basket-fresh-fruits-vegetables-wooden-table_23-2148209846.jpg" },
|
||||
{ id: "2", name: "Pack Fruta Gourmet", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-fruits-wooden-table_23-2148443213.jpg" },
|
||||
{ id: "3", name: "Manzanas de Origen", price: "3.50€/kg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-apples-mellow-ripe-fruits-dark-blue-desk-fruit-whole-color-red-plant-vitamine-fresh_140725-110190.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente!",
|
||||
quote: "Fruta siempre fresca y un trato inmejorable.",
|
||||
name: "Lucía M.",
|
||||
role: "Cliente habitual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-paper-bag-full-healthy-food_23-2148173305.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Calidad top",
|
||||
quote: "Las fresas están deliciosas. Muy recomendado.",
|
||||
name: "Carlos P.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-holding-bag-with-fresh-groceries_23-2148454520.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Muy rápidos",
|
||||
quote: "El pedido llegó en tiempo y perfectamente empaquetado.",
|
||||
name: "Elena R.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-tote-bag_23-2149437248.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sabor auténtico",
|
||||
quote: "Por fin encuentro fruta con sabor real.",
|
||||
name: "Javier D.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indonesian-female-walking-street-after-shopping_1098-22025.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Gran servicio",
|
||||
quote: "Excelente atención al cliente.",
|
||||
name: "Ana G.",
|
||||
role: "Cliente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16546.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La calidad y el sabor nos avalan."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Lo que opinan nuestros vecinos"
|
||||
description="Opiniones reales de nuestros clientes en Erandio."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Impresionante", quote: "La mejor fruta de Erandio, sin duda.", name: "Marta A.", role: "Cliente habitual" },
|
||||
{ id: "t2", title: "Sabor auténtico", quote: "Hacer el pedido por WhatsApp es súper cómodo.", name: "Juan B.", role: "Cliente" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12",
|
||||
title: "Años",
|
||||
description: "Llevando frescura a tu mesa",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k",
|
||||
title: "Pedidos",
|
||||
description: "Entregados con amor",
|
||||
icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40",
|
||||
title: "Proveedores",
|
||||
description: "Productores locales asociados",
|
||||
icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="Nuestros Números"
|
||||
description="Crecemos gracias a vuestra confianza."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Nuestra Trayectoria"
|
||||
description="Cifras que nos avalan en estos años."
|
||||
metrics={[
|
||||
{ id: "m1", value: "12", title: "Años", description: "Cuidando tu alimentación", icon: Award },
|
||||
{ id: "m2", value: "500+", title: "Entregas", description: "Clientes satisfechos", icon: ShoppingBag },
|
||||
{ id: "m3", value: "30", title: "Productores", description: "Socios locales", icon: Users },
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Hacen envíos a domicilio?",
|
||||
content: "Sí, realizamos envíos en toda la ciudad.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Cómo es la fruta?",
|
||||
content: "Toda nuestra fruta es de temporada y seleccionada cuidadosamente.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Puedo hacer pedidos personalizados?",
|
||||
content: "Contáctanos y estaremos encantados de ayudarte.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="¿Tienes dudas?"
|
||||
description="Preguntas frecuentes sobre nuestros servicios."
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Cómo hago un pedido?", content: "Puedes llamarnos o enviarnos un mensaje directo por WhatsApp." },
|
||||
{ id: "q2", title: "¿Qué zonas cubren?", content: "Principalmente Erandio y municipios colindantes." },
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Haz tu pedido hoy"
|
||||
description="Suscríbete para recibir ofertas y novedades semanales."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-supermarket-puts-fruit-shopping-bag_169016-18883.jpg"
|
||||
imageAlt="A woman in a supermarket puts fruit in a shopping bag"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="¡Haz tu pedido ahora!"
|
||||
title="Contacta con Nadia"
|
||||
description="Pide tus cestas semanales o consulta stock por WhatsApp."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-supermarket-puts-fruit-shopping-bag_169016-18883.jpg"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Frutería Nadia"
|
||||
copyrightText="© 2024 Frutería Nadia. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Frutería Nadia" copyrightText="© 2025 Frutería Nadia. Erandio, Bizkaia." />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #f0fdf4;
|
||||
--card: #ffffff;
|
||||
--foreground: #064e3b;
|
||||
--primary-cta: #15803d;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #dcfce7;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #bbf7d0;
|
||||
--background-accent: #e0f2f1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user