Update src/app/page.tsx
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,33 +32,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Productos", id: "#products"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "#testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pig-cartoon-character-logo-pork-products_1308-108213.jpg"
|
||||
logoAlt="Logo Razapork Ibéricos"
|
||||
brandName="Razapork Ibéricos"
|
||||
button={{
|
||||
text: "Comprar Ahora",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Comprar Ahora", href: "#products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,13 +59,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Descubrir Productos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Descubrir Productos", href: "#products"},
|
||||
{
|
||||
text: "Nuestra Historia",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Nuestra Historia", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-white-bread_140725-2110.jpg"
|
||||
@@ -87,25 +71,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-employee-celebrating-professional-success_1262-16039.jpg",
|
||||
alt: "Chef ejecutivo sonriendo",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-employee-celebrating-professional-success_1262-16039.jpg", alt: "Chef ejecutivo sonriendo"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl_1303-3707.jpg",
|
||||
alt: "Mujer feliz disfrutando de la comida",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl_1303-3707.jpg", alt: "Mujer feliz disfrutando de la comida"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-businessman-talking-by-telephone_23-2148116263.jpg",
|
||||
alt: "Hombre pensativo y contento",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-businessman-talking-by-telephone_23-2148116263.jpg", alt: "Hombre pensativo y contento"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-redhead-european-girl-blue-eyes-freckles-reacting-amused-shocking-rumor-lift-eyebrows-drop-jaw_1258-253799.jpg",
|
||||
alt: "Joven impresionada y emocionada",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-redhead-european-girl-blue-eyes-freckles-reacting-amused-shocking-rumor-lift-eyebrows-drop-jaw_1258-253799.jpg", alt: "Joven impresionada y emocionada"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg",
|
||||
alt: "Hombre con sonrisa amigable",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg", alt: "Hombre con sonrisa amigable"},
|
||||
]}
|
||||
avatarText="+1000 Clientes Satisfechos"
|
||||
/>
|
||||
@@ -116,17 +90,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Nuestra Pasión por el Cerdo Ibérico",
|
||||
},
|
||||
type: "text", content: "Nuestra Pasión por el Cerdo Ibérico"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Conocer Más",
|
||||
href: "#",
|
||||
},
|
||||
text: "Conocer Más", href: "#"},
|
||||
]}
|
||||
description="En Razapork Ibéricos, nuestra dedicación al cerdo ibérico es una filosofía de vida. Desde la crianza en libertad hasta la curación artesanal, cada paso está guiado por la pasión por la calidad y el respeto por la tradición. Nos esforzamos por ofrecer productos que capturen la esencia y el sabor auténtico de nuestra tierra."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-amazing-farmland-apuseni-mountains-transylvania-romania_181624-42613.jpg"
|
||||
imageAlt="Cerdos ibéricos pastando en dehesa"
|
||||
/>
|
||||
@@ -139,29 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Crianza en Dehesa",
|
||||
description: "Nuestros cerdos ibéricos se crían en libertad en las extensas dehesas, disfrutando de un entorno natural.",
|
||||
tag: "Libertad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-tree-shot-middle-forest_23-2148282540.jpg",
|
||||
imageAlt: "Bellotas en el suelo de la dehesa",
|
||||
},
|
||||
id: "f1", title: "Crianza en Dehesa", description: "Nuestros cerdos ibéricos se crían en libertad en las extensas dehesas, disfrutando de un entorno natural.", tag: "Libertad", imageSrc: "http://img.b2bpic.net/free-photo/single-tree-shot-middle-forest_23-2148282540.jpg", imageAlt: "Bellotas en el suelo de la dehesa"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Alimentación con Bellota",
|
||||
description: "Durante la Montanera, se alimentan exclusivamente de bellotas, clave para su sabor y textura únicos.",
|
||||
tag: "Sabor Único",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-food-near-black-wall_23-2147930119.jpg",
|
||||
imageAlt: "Jamones ibéricos curándose en un secadero tradicional",
|
||||
},
|
||||
id: "f2", title: "Alimentación con Bellota", description: "Durante la Montanera, se alimentan exclusivamente de bellotas, clave para su sabor y textura únicos.", tag: "Sabor Único", imageSrc: "http://img.b2bpic.net/free-photo/assorted-food-near-black-wall_23-2147930119.jpg", imageAlt: "Jamones ibéricos curándose en un secadero tradicional"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Curación Artesanal",
|
||||
description: "Empleamos métodos de curación tradicionales, un proceso lento y cuidadoso que desarrolla cada matiz de sabor.",
|
||||
tag: "Paciencia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-sliced-ham-cucumber_140725-6475.jpg",
|
||||
imageAlt: "Lonchas perfectas de jamón ibérico",
|
||||
},
|
||||
id: "f3", title: "Curación Artesanal", description: "Empleamos métodos de curación tradicionales, un proceso lento y cuidadoso que desarrolla cada matiz de sabor.", tag: "Paciencia", imageSrc: "http://img.b2bpic.net/free-photo/various-sliced-ham-cucumber_140725-6475.jpg", imageAlt: "Lonchas perfectas de jamón ibérico"},
|
||||
]}
|
||||
title="La Diferencia Razapork"
|
||||
description="Nuestros procesos garantizan una calidad superior y un sabor inconfundible en cada producto."
|
||||
@@ -176,53 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jamón Ibérico de Bellota",
|
||||
price: "€450",
|
||||
variant: "5-6 kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-set-sausages-set-salty-snacks-wooden-table_8353-9835.jpg",
|
||||
imageAlt: "Jamón Ibérico de Bellota entero",
|
||||
},
|
||||
id: "p1", name: "Jamón Ibérico de Bellota", price: "€450", variant: "5-6 kg", imageSrc: "http://img.b2bpic.net/free-photo/cheese-set-sausages-set-salty-snacks-wooden-table_8353-9835.jpg", imageAlt: "Jamón Ibérico de Bellota entero"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Paleta Ibérica de Bellota",
|
||||
price: "€220",
|
||||
variant: "3-4 kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sliced-sausage-cutting-board_181624-39487.jpg",
|
||||
imageAlt: "Paleta Ibérica de Bellota",
|
||||
},
|
||||
id: "p2", name: "Paleta Ibérica de Bellota", price: "€220", variant: "3-4 kg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sliced-sausage-cutting-board_181624-39487.jpg", imageAlt: "Paleta Ibérica de Bellota"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lomo Ibérico de Bellota",
|
||||
price: "€60",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-pieces-lula-kebab-garnished-with-cooked-cherries_140725-10773.jpg",
|
||||
imageAlt: "Lonchas de Lomo Ibérico",
|
||||
},
|
||||
id: "p3", name: "Lomo Ibérico de Bellota", price: "€60", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/three-pieces-lula-kebab-garnished-with-cooked-cherries_140725-10773.jpg", imageAlt: "Lonchas de Lomo Ibérico"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chorizo Ibérico de Bellota",
|
||||
price: "€35",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-fruit-lozenge-own-production-with-dried-fruits_7502-9294.jpg",
|
||||
imageAlt: "Chorizo Ibérico de Bellota",
|
||||
},
|
||||
id: "p4", name: "Chorizo Ibérico de Bellota", price: "€35", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/juicy-fruit-lozenge-own-production-with-dried-fruits_7502-9294.jpg", imageAlt: "Chorizo Ibérico de Bellota"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Salchichón Ibérico de Bellota",
|
||||
price: "€32",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuetdry-cured-fuet-sausage-wooden-table_123827-34599.jpg",
|
||||
imageAlt: "Salchichón Ibérico de Bellota",
|
||||
},
|
||||
id: "p5", name: "Salchichón Ibérico de Bellota", price: "€32", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/fuetdry-cured-fuet-sausage-wooden-table_123827-34599.jpg", imageAlt: "Salchichón Ibérico de Bellota"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Estuche Degustación Ibérica",
|
||||
price: "€95",
|
||||
variant: "Variado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charcuterie-with-assortment-meats-bread_23-2149460171.jpg",
|
||||
imageAlt: "Caja de selección de productos ibéricos",
|
||||
},
|
||||
id: "p6", name: "Estuche Degustación Ibérica", price: "€95", variant: "Variado", imageSrc: "http://img.b2bpic.net/free-photo/charcuterie-with-assortment-meats-bread_23-2149460171.jpg", imageAlt: "Caja de selección de productos ibéricos"},
|
||||
]}
|
||||
title="Nuestra Selección Premium"
|
||||
description="Descubra la excelencia de nuestros productos ibéricos, desde el clásico Jamón de Bellota hasta los más selectos embutidos."
|
||||
@@ -234,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gourmet Magazine",
|
||||
"Guía del Buen Comer",
|
||||
"Sabor Ibérico Awards",
|
||||
"Chefs de España",
|
||||
"Delicias Culinarias",
|
||||
"Ibéricos Premium",
|
||||
"Críticos Gastronómicos",
|
||||
]}
|
||||
"Gourmet Magazine", "Guía del Buen Comer", "Sabor Ibérico Awards", "Chefs de España", "Delicias Culinarias", "Ibéricos Premium", "Críticos Gastronómicos"]}
|
||||
title="Reconocidos por la Calidad"
|
||||
description="Orgullosos de colaborar y ser recomendados por los referentes del sector gastronómico."
|
||||
/>
|
||||
@@ -254,45 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "María García",
|
||||
role: "Chef Ejecutiva",
|
||||
testimonial: "El jamón de Razapork es una joya. Su sabor y aroma son inigualables, transformando cualquier plato en una experiencia sublime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-olive-oil-bottle-salad-bowl_23-2147893522.jpg",
|
||||
imageAlt: "María García, Chef Ejecutiva",
|
||||
},
|
||||
id: "t1", name: "María García", role: "Chef Ejecutiva", testimonial: "El jamón de Razapork es una joya. Su sabor y aroma son inigualables, transformando cualquier plato en una experiencia sublime.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-olive-oil-bottle-salad-bowl_23-2147893522.jpg", imageAlt: "María García, Chef Ejecutiva"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Javier Ruiz",
|
||||
role: "Gastrónomo",
|
||||
testimonial: "Cada producto de Razapork Ibéricos evoca la tradición y el buen hacer. Una delicia que siempre recomiendo a mis colegas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",
|
||||
imageAlt: "Javier Ruiz, Gastrónomo",
|
||||
},
|
||||
id: "t2", name: "Javier Ruiz", role: "Gastrónomo", testimonial: "Cada producto de Razapork Ibéricos evoca la tradición y el buen hacer. Una delicia que siempre recomiendo a mis colegas.", imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg", imageAlt: "Javier Ruiz, Gastrónomo"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Torres",
|
||||
role: "Propietaria de Tienda Gourmet",
|
||||
testimonial: "Nuestros clientes siempre vuelven por los productos de Razapork. La calidad y el servicio son excepcionales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727997.jpg",
|
||||
imageAlt: "Elena Torres, Propietaria de Tienda Gourmet",
|
||||
},
|
||||
id: "t3", name: "Elena Torres", role: "Propietaria de Tienda Gourmet", testimonial: "Nuestros clientes siempre vuelven por los productos de Razapork. La calidad y el servicio son excepcionales.", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727997.jpg", imageAlt: "Elena Torres, Propietaria de Tienda Gourmet"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos Sánchez",
|
||||
role: "Aficionado a la Gastronomía",
|
||||
testimonial: "Después de probar el lomo ibérico de Razapork, no puedo volver a otro. Es la perfección hecha embutido.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amused-speechless-surprised-astonished-redhead-girl-hear-exciting-positive-news-smiling-gladly-wide_1258-254098.jpg",
|
||||
imageAlt: "Carlos Sánchez, Aficionado a la Gastronomía",
|
||||
},
|
||||
id: "t4", name: "Carlos Sánchez", role: "Aficionado a la Gastronomía", testimonial: "Después de probar el lomo ibérico de Razapork, no puedo volver a otro. Es la perfección hecha embutido.", imageSrc: "http://img.b2bpic.net/free-photo/amused-speechless-surprised-astonished-redhead-girl-hear-exciting-positive-news-smiling-gladly-wide_1258-254098.jpg", imageAlt: "Carlos Sánchez, Aficionado a la Gastronomía"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofía Martín",
|
||||
role: "Sumiller",
|
||||
testimonial: "La grasa infiltrada, el aroma y el punto de sal. Cada detalle en los productos Razapork es una obra de arte ibérica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guys-breakfast_1098-14577.jpg",
|
||||
imageAlt: "Sofía Martín, Sumiller",
|
||||
},
|
||||
id: "t5", name: "Sofía Martín", role: "Sumiller", testimonial: "La grasa infiltrada, el aroma y el punto de sal. Cada detalle en los productos Razapork es una obra de arte ibérica.", imageSrc: "http://img.b2bpic.net/free-photo/guys-breakfast_1098-14577.jpg", imageAlt: "Sofía Martín, Sumiller"},
|
||||
]}
|
||||
title="Lo que dicen nuestros Clientes"
|
||||
description="La satisfacción de quienes prueban nuestros productos es nuestro mayor orgullo y motivación."
|
||||
@@ -305,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Qué diferencia al cerdo ibérico de bellota?",
|
||||
content: "La principal diferencia radica en su raza y alimentación. Los cerdos de bellota se alimentan exclusivamente de bellotas durante la Montanera, lo que confiere a su carne un sabor y textura únicos, con grasa infiltrada muy aromática.",
|
||||
},
|
||||
id: "q1", title: "¿Qué diferencia al cerdo ibérico de bellota?", content: "La principal diferencia radica en su raza y alimentación. Los cerdos de bellota se alimentan exclusivamente de bellotas durante la Montanera, lo que confiere a su carne un sabor y textura únicos, con grasa infiltrada muy aromática."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cuál es el mejor modo de conservar los productos ibéricos?",
|
||||
content: "Para jamones y paletas enteros, se recomienda conservarlos en un lugar fresco y seco, a temperatura ambiente. Los embutidos loncheados deben guardarse en el frigorífico y consumirse preferentemente en pocos días tras la apertura para mantener todas sus propiedades.",
|
||||
},
|
||||
id: "q2", title: "¿Cuál es el mejor modo de conservar los productos ibéricos?", content: "Para jamones y paletas enteros, se recomienda conservarlos en un lugar fresco y seco, a temperatura ambiente. Los embutidos loncheados deben guardarse en el frigorífico y consumirse preferentemente en pocos días tras la apertura para mantener todas sus propiedades."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Realizan envíos internacionales?",
|
||||
content: "Sí, realizamos envíos a nivel internacional. Por favor, consulte nuestra política de envíos o contacte con nosotros para obtener más detalles sobre destinos y tarifas.",
|
||||
},
|
||||
id: "q3", title: "¿Realizan envíos internacionales?", content: "Sí, realizamos envíos a nivel internacional. Por favor, consulte nuestra política de envíos o contacte con nosotros para obtener más detalles sobre destinos y tarifas."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos sus dudas más comunes sobre nuestros productos y procesos."
|
||||
@@ -330,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contáctenos"
|
||||
title="Hablemos de Sabor"
|
||||
description="Si tiene alguna pregunta, pedido especial o desea convertirse en distribuidor, no dude en contactarnos. Nuestro equipo estará encantado de atenderle."
|
||||
@@ -353,58 +221,35 @@ export default function LandingPage() {
|
||||
logoText="Razapork Ibéricos"
|
||||
columns={[
|
||||
{
|
||||
title: "Productos",
|
||||
items: [
|
||||
title: "Productos", items: [
|
||||
{
|
||||
label: "Jamones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Jamones", href: "#products"},
|
||||
{
|
||||
label: "Paletas",
|
||||
href: "##products",
|
||||
},
|
||||
label: "Paletas", href: "##products"},
|
||||
{
|
||||
label: "Embutidos",
|
||||
href: "##products",
|
||||
},
|
||||
label: "Embutidos", href: "##products"},
|
||||
{
|
||||
label: "Estuches",
|
||||
href: "##products",
|
||||
},
|
||||
label: "Estuches", href: "##products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Filosofía",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Filosofía", href: "#features"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ayuda",
|
||||
items: [
|
||||
title: "Ayuda", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Envíos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Envíos", href: "#"},
|
||||
{
|
||||
label: "Devoluciones",
|
||||
href: "#",
|
||||
},
|
||||
label: "Devoluciones", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user