193 lines
11 KiB
TypeScript
193 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { CheckCircle, Package, Star, MessageSquare } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Casa de la Proteína"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Productos", id: "products" },
|
|
{ name: "Asesoría", id: "consultation" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
button={{ text: "📞 Llamar Ahora", href: "tel:+18097181268" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Tu tienda de confianza en proteínas y suplementos"
|
|
description="Asesoría personalizada, productos originales y entrega rápida en Santo Domingo Este. Expertos en nutrición deportiva para tus objetivos de fitness."
|
|
tag="4.3★ Local • Original"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
buttons={[
|
|
{ text: "📞 Llamar Ahora", href: "tel:+18097181268" },
|
|
{ text: "📝 Solicitar Información", href: "#consultation" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "protein", imageSrc: "http://img.b2bpic.net/free-photo/protein-powder-pouring-into-shaker-cup_23-2152017167.jpg", imageAlt: "protein powder sports nutrition supplement" },
|
|
{ id: "preworkout", imageSrc: "http://img.b2bpic.net/free-photo/refreshment-gym_1098-16161.jpg?_wi=1", imageAlt: "preworkout energy drink supplement" },
|
|
{ id: "vitamins", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fruits-vegetables-with-different-medicine-wooden-spoon_181624-47137.jpg", imageAlt: "vitamins multivitamin health supplement" },
|
|
{ id: "weight-gainer", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-having-fruit-smoothie-breakfast-kitchen_637285-6196.jpg", imageAlt: "weight gainer mass gainer nutrition" },
|
|
{ id: "bcaa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-fitness-woman-taking-vitamins-dietary-supplements-muscles_1258-189559.jpg", imageAlt: "BCAA amino acids supplement" },
|
|
{ id: "creatine", imageSrc: "http://img.b2bpic.net/free-photo/refreshment-gym_1098-16161.jpg?_wi=2", imageAlt: "creatine muscle supplement fitness" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Marcas que Confiamos"
|
|
description="Distribuidor autorizado de las mejores marcas de suplementos en Latinoamérica"
|
|
tag="Marcas Verificadas"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["BODYTECH", "OPTIMUM NUTRITION", "ISOPURE", "MUSCLETECH", "UNIVERSAL NUTRITION", "BSN", "MuscleFarm", "Nutrend"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<FeatureCardOne
|
|
title="Categorías de Productos"
|
|
description="Encuentra exactamente lo que necesitas para tu objetivo fitness"
|
|
tag="Amplio Catálogo"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Proteínas", description: "Whey protein, caseína y proteína vegana de las mejores marcas", imageSrc: "http://img.b2bpic.net/free-photo/bananas-is-good-way-healthy-carbs_329181-7978.jpg", imageAlt: "protein category whey protein fitness supplies", button: { text: "Ver Proteínas", href: "#consultation" }
|
|
},
|
|
{
|
|
title: "Pre-Entrenamientos", description: "Energía, enfoque y resistencia para maximizar tu sesión", imageSrc: "http://img.b2bpic.net/free-photo/refreshment-gym_1098-16161.jpg?_wi=3", imageAlt: "preworkout category energy supplements gym", button: { text: "Ver Pre-Entrenamientos", href: "#consultation" }
|
|
},
|
|
{
|
|
title: "Vitaminas y Minerales", description: "Salud integral con multivitamínicos y suplementos premium", imageSrc: "http://img.b2bpic.net/free-photo/immunity-boosting-food-healthy-lifestyle_23-2149211528.jpg", imageAlt: "vitamins category health supplements nutrition", button: { text: "Ver Vitaminas", href: "#consultation" }
|
|
},
|
|
{
|
|
title: "Ganadores de Peso", description: "Calorías de calidad para ganar masa muscular de forma efectiva", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163367.jpg", imageAlt: "weight gainer category mass nutrition gym", button: { text: "Ver Ganadores", href: "#consultation" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="¿Por Qué Elegirnos?"
|
|
description={[
|
|
"En Casa de la Proteína, no solo vendemos suplementos. Ofrecemos asesoría personalizada de expertos que conocen tu mercado local y entienden tus objetivos de fitness.", "Garantizamos productos 100% originales con certificación y respaldo de marcas internacionales. Entrega rápida en Santo Domingo Este y servicio al cliente que responde cuando lo necesitas.", "Somos tu aliado local en el camino hacia una vida más saludable y un cuerpo más fuerte."
|
|
]}
|
|
buttons={[
|
|
{ text: "Consultar Disponibilidad", href: "tel:+18097181268" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="consultation" data-section="consultation">
|
|
<ContactCenter
|
|
tag="Asesoría Gratuita"
|
|
title="¿Buscas un Suplemento Específico?"
|
|
description="Cuéntanos tu objetivo y recibe una recomendación personalizada de nuestros expertos. Respetamos tu privacidad y no compartimos tu información."
|
|
tagIcon={MessageSquare}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Recibir Recomendación"
|
|
termsText="Nos comprometemos a responder en menos de 2 horas. Tu privacidad es importante para nosotros."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<MetricCardEleven
|
|
title="Ubicación y Contacto"
|
|
description="Estamos en Santo Domingo Este, listos para asesorarte en persona o por teléfono"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "address", value: "Autop. San Isidro", title: "Santo Domingo Este", description: "Visitanos en nuestra tienda física", imageSrc: "http://img.b2bpic.net/free-photo/asian-client-navigates-pharmacy-shelves-full-drugs-vitamins-relying-medicaments-boxes_482257-134290.jpg", imageAlt: "store front supplement shop retail location"
|
|
},
|
|
{
|
|
id: "phone", value: "(809) 718-1268", title: "Llamar Ahora", description: "Respuesta rápida a tu consulta", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-call-center-assistant-smiling-isolated_1391-14.jpg", imageAlt: "phone contact customer service call center"
|
|
},
|
|
{
|
|
id: "hours", value: "Lun-Dom", title: "9 AM - 8 PM", description: "Atendemos toda la semana", imageSrc: "http://img.b2bpic.net/free-vector/business-opening-hours-with-photo_23-2148821770.jpg", imageAlt: "business hours open sign store timing"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Casa de la Proteína"
|
|
copyrightText="© 2025 Casa de la Proteína | Santo Domingo Este, RD"
|
|
columns={[
|
|
{
|
|
title: "Productos", items: [
|
|
{ label: "Proteínas", href: "#products" },
|
|
{ label: "Pre-Entrenamientos", href: "#products" },
|
|
{ label: "Vitaminas", href: "#products" },
|
|
{ label: "Ganadores de Peso", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{ label: "Sobre Nosotros", href: "#about" },
|
|
{ label: "Asesoría", href: "#consultation" },
|
|
{ label: "Contacto", href: "#contact" },
|
|
{ label: "Google Maps", href: "https://maps.google.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Conexión", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/18097181268" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Políticas de Privacidad", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|