Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Cortes",
|
||||
id: "products",
|
||||
},
|
||||
name: "Cortes", id: "products"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Nosotros", id: "experience"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Carnicería Fredy"
|
||||
/>
|
||||
@@ -54,51 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Carnicería Fredy — Calidad que se nota en cada corte"
|
||||
description="Cortes premium, frescura garantizada y tradición familiar en cada visita."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ordenar Ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Ordenar Ahora", href: "#contact"},
|
||||
{
|
||||
text: "Ver Cortes",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Cortes", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecologist-digging-pit-by-shovel-planting-tree-polluted-area_651396-3112.jpg?_wi=1",
|
||||
imageAlt: "Premium steak",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/ecologist-digging-pit-by-shovel-planting-tree-polluted-area_651396-3112.jpg", imageAlt: "Premium steak"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/butcher-white-work-shirt-holding-ax-while-standing-refrigerated-warehouse-midst-meat-carcasses_613910-21688.jpg",
|
||||
imageAlt: "Artisan butchery",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/butcher-white-work-shirt-holding-ax-while-standing-refrigerated-warehouse-midst-meat-carcasses_613910-21688.jpg", imageAlt: "Artisan butchery"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-rustic-wood-table-ready-eat-generated-by-ai_188544-33382.jpg",
|
||||
imageAlt: "Fresh meat cuts",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-rustic-wood-table-ready-eat-generated-by-ai_188544-33382.jpg", imageAlt: "Fresh meat cuts"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-flames_23-2150104311.jpg",
|
||||
imageAlt: "Premium beef",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-flames_23-2150104311.jpg", imageAlt: "Premium beef"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-water-droplets-white-brown-feather_23-2148114585.jpg",
|
||||
imageAlt: "Gourmet selection",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-water-droplets-white-brown-feather_23-2148114585.jpg", imageAlt: "Gourmet selection"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ham-counter-market_1398-2259.jpg",
|
||||
imageAlt: "Butcher service",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/ham-counter-market_1398-2259.jpg", imageAlt: "Butcher service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,47 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ribeye Premium",
|
||||
price: "$450 MXN",
|
||||
variant: "Premium Res",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-124746.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Ribeye Premium", price: "$450 MXN", variant: "Premium Res", imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-124746.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tomahawk",
|
||||
price: "$780 MXN",
|
||||
variant: "Corte de Autor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-kitchen-prepare-beef-steak_141793-167.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Tomahawk", price: "$780 MXN", variant: "Corte de Autor", imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-kitchen-prepare-beef-steak_141793-167.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Arrachera",
|
||||
price: "$320 MXN",
|
||||
variant: "Selecta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Arrachera", price: "$320 MXN", variant: "Selecta", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Costillas",
|
||||
price: "$290 MXN",
|
||||
variant: "Tradición",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-ribs-tray-with-bottle-red-wine-burlap-bags-grass_141793-12585.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Costillas", price: "$290 MXN", variant: "Tradición", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-ribs-tray-with-bottle-red-wine-burlap-bags-grass_141793-12585.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Carne Molida",
|
||||
price: "$180 MXN",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-rolls-custard-dough-with-minced-meat-frying-pan_127032-3372.jpg",
|
||||
},
|
||||
id: "p5", name: "Carne Molida", price: "$180 MXN", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-rolls-custard-dough-with-minced-meat-frying-pan_127032-3372.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cerdo Especial",
|
||||
price: "$220 MXN",
|
||||
variant: "Selecto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-pork-chop-steak-dark-surface_1150-44384.jpg",
|
||||
},
|
||||
id: "p6", name: "Cerdo Especial", price: "$220 MXN", variant: "Selecto", imageSrc: "http://img.b2bpic.net/free-photo/raw-pork-chop-steak-dark-surface_1150-44384.jpg"},
|
||||
]}
|
||||
title="Cortes Seleccionados"
|
||||
description="La mejor selección de carne premium de la ciudad."
|
||||
@@ -160,31 +99,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calidad Premium",
|
||||
description: "Selección cuidadosa de cada corte directamente de granjas certificadas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fresh-meat-sausages-table_23-2148439515.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-fresh-meat-butcher-shop-with-metal-safety-mesh-glove_1139-1726.jpg",
|
||||
buttonText: "Saber más",
|
||||
},
|
||||
title: "Calidad Premium", description: "Selección cuidadosa de cada corte directamente de granjas certificadas.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fresh-meat-sausages-table_23-2148439515.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-fresh-meat-butcher-shop-with-metal-safety-mesh-glove_1139-1726.jpg", buttonText: "Saber más"},
|
||||
{
|
||||
title: "Frescura Garantizada",
|
||||
description: "Carne fresca entregada cada día para asegurar el mejor sabor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-with-cleaver_23-2148610977.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-with-cleaver_23-2148610976.jpg",
|
||||
buttonText: "Ver frescura",
|
||||
},
|
||||
title: "Frescura Garantizada", description: "Carne fresca entregada cada día para asegurar el mejor sabor.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-with-cleaver_23-2148610977.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-with-cleaver_23-2148610976.jpg", buttonText: "Ver frescura"},
|
||||
{
|
||||
title: "Cortes Personalizados",
|
||||
description: "Como tú lo pidas, nuestros maestros carniceros lo preparan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-cooked-steak-food-photography-recipe-ide_53876-144780.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-with-spices-salt_23-2148610987.jpg",
|
||||
buttonText: "Personalizar",
|
||||
},
|
||||
title: "Cortes Personalizados", description: "Como tú lo pidas, nuestros maestros carniceros lo preparan.", imageSrc: "http://img.b2bpic.net/free-photo/cutting-cooked-steak-food-photography-recipe-ide_53876-144780.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-with-spices-salt_23-2148610987.jpg", buttonText: "Personalizar"},
|
||||
]}
|
||||
title="Por qué elegirnos"
|
||||
description="La calidad y tradición que buscas en cada corte de carne."
|
||||
@@ -196,13 +121,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Más que una carnicería, una tradición"
|
||||
description={[
|
||||
"Carnicería Fredy nació del deseo de brindar cortes de calidad excepcional a las familias. Somos tradición, sabor y respeto por el producto.",
|
||||
]}
|
||||
"Carnicería Fredy nació del deseo de brindar cortes de calidad excepcional a las familias. Somos tradición, sabor y respeto por el producto."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Nuestra Historia",
|
||||
href: "#",
|
||||
},
|
||||
text: "Nuestra Historia", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -212,47 +134,23 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Res Prime",
|
||||
price: "$500",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg",
|
||||
},
|
||||
id: "c1", name: "Res Prime", price: "$500", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Tomahawk Gold",
|
||||
price: "$850",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-working-butchers-shop_613910-3172.jpg",
|
||||
},
|
||||
id: "c2", name: "Tomahawk Gold", price: "$850", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-working-butchers-shop_613910-3172.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
name: "Arrachera Sonora",
|
||||
price: "$350",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-bacon-slices-dark-background_84443-85840.jpg",
|
||||
},
|
||||
id: "c3", name: "Arrachera Sonora", price: "$350", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-bacon-slices-dark-background_84443-85840.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
name: "Costilla Carga",
|
||||
price: "$300",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bbq-ribs-stack-presentation_23-2151950812.jpg",
|
||||
},
|
||||
id: "c4", name: "Costilla Carga", price: "$300", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bbq-ribs-stack-presentation_23-2151950812.jpg"},
|
||||
{
|
||||
id: "c5",
|
||||
name: "Molida Wagyu",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-garlic-tomatoes_23-2148611029.jpg",
|
||||
},
|
||||
id: "c5", name: "Molida Wagyu", price: "$250", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-plate-with-garlic-tomatoes_23-2148611029.jpg"},
|
||||
{
|
||||
id: "c6",
|
||||
name: "Chuleta Cerdo",
|
||||
price: "$230",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-food-worker-handling-fresh-raw-meat-slaughterhouse-preparing-meat-market_342744-664.jpg",
|
||||
},
|
||||
id: "c6", name: "Chuleta Cerdo", price: "$230", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-food-worker-handling-fresh-raw-meat-slaughterhouse-preparing-meat-market_342744-664.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -263,60 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2024-01-10",
|
||||
title: "Cliente Frecuente",
|
||||
quote: "La mejor carne que he comprado en mi vida.",
|
||||
tag: "Excelente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat-knife_273609-20965.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecologist-digging-pit-by-shovel-planting-tree-polluted-area_651396-3112.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait indoor",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", date: "2024-01-10", title: "Cliente Frecuente", quote: "La mejor carne que he comprado en mi vida.", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-meat-knife_273609-20965.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ecologist-digging-pit-by-shovel-planting-tree-polluted-area_651396-3112.jpg", imageAlt: "satisfied customer portrait indoor"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "2024-02-15",
|
||||
title: "Chef",
|
||||
quote: "Servicio rápido y cortes perfectos cada vez.",
|
||||
tag: "Recomendado",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-124746.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait indoor",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", date: "2024-02-15", title: "Chef", quote: "Servicio rápido y cortes perfectos cada vez.", tag: "Recomendado", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-124746.jpg", imageAlt: "satisfied customer portrait indoor"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024-03-05",
|
||||
title: "Amante Gourmet",
|
||||
quote: "La frescura es inigualable. Simplemente deliciosa.",
|
||||
tag: "Calidad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-fresh-cut-meat-market_613910-3206.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-kitchen-prepare-beef-steak_141793-167.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait indoor",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", date: "2024-03-05", title: "Amante Gourmet", quote: "La frescura es inigualable. Simplemente deliciosa.", tag: "Calidad", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-meat-man-dressed-fleece-shirt-holds-fresh-cut-meat-market_613910-3206.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-kitchen-prepare-beef-steak_141793-167.jpg", imageAlt: "satisfied customer portrait indoor"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "2024-04-20",
|
||||
title: "Fanático BBQ",
|
||||
quote: "No compro carne en otro lugar. Fredy es el mejor.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stewardess-posing_23-2150197260.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait indoor",
|
||||
},
|
||||
id: "t4", name: "David Kim", date: "2024-04-20", title: "Fanático BBQ", quote: "No compro carne en otro lugar. Fredy es el mejor.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stewardess-posing_23-2150197260.jpg", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg", imageAlt: "satisfied customer portrait indoor"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Lopez",
|
||||
date: "2024-05-12",
|
||||
title: "Cliente Leal",
|
||||
quote: "Cortes siempre frescos y excelente atención al cliente.",
|
||||
tag: "Excelente",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-modern-dyed-hair-wearing-apron-holding-raw-beef-steak-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-27959.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-ribs-tray-with-bottle-red-wine-burlap-bags-grass_141793-12585.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait indoor",
|
||||
},
|
||||
id: "t5", name: "Sofia Lopez", date: "2024-05-12", title: "Cliente Leal", quote: "Cortes siempre frescos y excelente atención al cliente.", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-modern-dyed-hair-wearing-apron-holding-raw-beef-steak-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-27959.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-meat-ribs-tray-with-bottle-red-wine-burlap-bags-grass_141793-12585.jpg", imageAlt: "satisfied customer portrait indoor"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La satisfacción de nuestros clientes nos motiva a mantener la excelencia."
|
||||
@@ -327,8 +180,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Haz tu pedido"
|
||||
description="Contáctanos hoy para realizar tu pedido directo por WhatsApp o visítanos en nuestro local."
|
||||
@@ -343,33 +195,21 @@ export default function LandingPage() {
|
||||
logoText="Carnicería Fredy"
|
||||
columns={[
|
||||
{
|
||||
title: "Secciones",
|
||||
items: [
|
||||
title: "Secciones", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Cortes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Cortes", href: "#products"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Nosotros", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user