Merge version_4 into main #3
111
src/app/page.tsx
111
src/app/page.tsx
@@ -16,6 +16,44 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
const [lang, setLang] = useState('es');
|
||||
|
||||
const content = {
|
||||
es: {
|
||||
nav: [{name: "Inicio", id: "hero"}, {name: "Clínica", id: "about"}, {name: "Tratamientos", id: "features"}, {name: "Precios", id: "pricing"}, {name: "Contacto", id: "contact"}],
|
||||
hero: { title: "Tu sonrisa es nuestra prioridad en Barcelona", desc: "Profesionales altamente cualificados en constante formación para ofrecerte una odontología de vanguardia, cercana y honesta.", btns: ["Pedir Cita por WhatsApp", "Primera Visita Gratuita"] },
|
||||
about: { title: "Bienvenidos a Marín García", desc: ["En Marín-García trabajamos día a día para conseguirte esa sonrisa que deseas. Nuestro equipo humano destaca por su cercanía, amabilidad, ilusión y confianza.", "Contamos con más de 15 años de experiencia y estamos certificados por Top Doctors, garantizando una atención ética, transparente y sin sorpresas."] },
|
||||
features: { title: "Nuestros Tratamientos", desc: "La tecnología es nuestra aliada. Utilizamos los últimos avances para garantizar diagnósticos precisos y procedimientos indoloros.", items: [{title: "Implantes de Máxima Calidad", desc: "Soluciones funcionales y estéticas duraderas."}, {title: "Ortodoncia Invisible", desc: "La forma más discreta de mejorar tu alineación."}] },
|
||||
team: { title: "Nuestro Equipo Humano", desc: "Profesionales cercanos que te acompañan en todo el proceso." },
|
||||
pricing: { title: "Precios Orientativos", desc: "Transparencia total para que planifiques tu tratamiento.", plan: { badge: "Visita", period: "Primera consulta", desc: "Diagnóstico y plan de tratamiento sin compromiso.", btn: "Reservar", featTitle: "Incluye:", feats: ["Revisión completa", "Radiografía digital"] } },
|
||||
testimonials: { title: "Lo que dicen nuestros pacientes", desc: "Más de 15 años de confianza en Barcelona.", quote: "Un equipo humano excepcional, me sentí como en casa desde el primer minuto." },
|
||||
contact: { tag: "Contacto", title: "Solicita tu primera visita sin compromiso", desc: "Estamos en Sant Antoni María Claret nº324, Barcelona. Escríbenos y estaremos encantados de resolver tus dudas.", placeholder: "Tu email de contacto", btn: "Enviar consulta", terms: "Al enviar, aceptas nuestra política de privacidad." },
|
||||
footer: { left: "Citas: citas@maringarciaclinicadental.com", right: "WhatsApp: 608 685 127" }
|
||||
},
|
||||
ca: {
|
||||
nav: [{name: "Inici", id: "hero"}, {name: "Clínica", id: "about"}, {name: "Tractaments", id: "features"}, {name: "Preus", id: "pricing"}, {name: "Contacte", id: "contact"}],
|
||||
hero: { title: "El teu somriure és la nostra prioritat a Barcelona", desc: "Professionals altament qualificats en constant formació per oferir-te una odontologia d'avantguarda, propera i honesta.", btns: ["Demanar Cita per WhatsApp", "Primera Visita Gratuïta"] },
|
||||
about: { title: "Benvinguts a Marín García", desc: ["A Marín-García treballem dia a dia per aconseguir-te aquest somriure que desitges. El nostre equip humà destaca per la seva proximitat, amabilitat, il·lusió i confiança.", "Comptem amb més de 15 anys d'experiència i estem certificats per Top Doctors, garantint una atenció ètica, transparent i sense sorpreses."] },
|
||||
features: { title: "Els Nostres Tractaments", desc: "La tecnologia és la nostra aliada. Utilitzem els últims avenços per garantir diagnòstics precisos i procediments indolors.", items: [{title: "Implants de Màxima Qualitat", desc: "Solucions funcionals i estètiques duradores."}, {title: "Ortodòncia Invisible", desc: "La forma més discreta de millorar el teu alineament."}] },
|
||||
team: { title: "El Nostre Equip Humà", desc: "Professionals propers que t'acompanyen en tot el procés." },
|
||||
pricing: { title: "Preus Orientatius", desc: "Transparència total perquè planifiquis el teu tractament.", plan: { badge: "Visita", period: "Primera consulta", desc: "Diagnòstic i pla de tractament sense compromís.", btn: "Reservar", featTitle: "Inclou:", feats: ["Revisió completa", "Radiografia digital"] } },
|
||||
testimonials: { title: "El que diuen els nostres pacients", desc: "Més de 15 anys de confiança a Barcelona.", quote: "Un equip humà excepcional, em vaig sentir com a casa des del primer minut." },
|
||||
contact: { tag: "Contacte", title: "Sol·licita la teva primera visita sense compromís", desc: "Som a Sant Antoni María Claret nº324, Barcelona. Escriu-nos i estarem encantats de resoldre els teus dubtes.", placeholder: "El teu email de contacte", btn: "Enviar consulta", terms: "En enviar, acceptes la nostra política de privadesa." },
|
||||
footer: { left: "Cites: citas@maringarciaclinicadental.com", right: "WhatsApp: 608 685 127" }
|
||||
},
|
||||
en: {
|
||||
nav: [{name: "Home", id: "hero"}, {name: "Clinic", id: "about"}, {name: "Treatments", id: "features"}, {name: "Pricing", id: "pricing"}, {name: "Contact", id: "contact"}],
|
||||
hero: { title: "Your smile is our priority in Barcelona", desc: "Highly qualified professionals in constant training to offer you honest, state-of-the-art dentistry.", btns: ["Book via WhatsApp", "Free First Visit"] },
|
||||
about: { title: "Welcome to Marín García", desc: ["At Marín-García we work every day to get you the smile you desire. Our team stands out for its closeness, kindness, enthusiasm, and trust.", "We have over 15 years of experience and are Top Doctors certified, ensuring ethical, transparent care without surprises."] },
|
||||
features: { title: "Our Treatments", desc: "Technology is our ally. We use the latest advances to ensure precise diagnoses and painless procedures.", items: [{title: "Top Quality Implants", desc: "Long-lasting functional and aesthetic solutions."}, {title: "Invisible Orthodontics", desc: "The most discreet way to improve your alignment."}] },
|
||||
team: { title: "Our Team", desc: "Friendly professionals who accompany you throughout the process." },
|
||||
pricing: { title: "Pricing", desc: "Total transparency so you can plan your treatment.", plan: { badge: "Visit", period: "First consultation", desc: "Diagnosis and treatment plan without commitment.", btn: "Book", featTitle: "Includes:", feats: ["Full check-up", "Digital X-ray"] } },
|
||||
testimonials: { title: "What our patients say", desc: "More than 15 years of trust in Barcelona.", quote: "An exceptional team, I felt at home from the first minute." },
|
||||
contact: { tag: "Contact", title: "Request your first visit without commitment", desc: "We are located at Sant Antoni María Claret nº324, Barcelona. Write to us and we'll be happy to answer your questions.", placeholder: "Your contact email", btn: "Send inquiry", terms: "By sending, you agree to our privacy policy." },
|
||||
footer: { left: "Appointments: citas@maringarciaclinicadental.com", right: "WhatsApp: 608 685 127" }
|
||||
}
|
||||
};
|
||||
|
||||
const t = content[lang];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -32,16 +70,9 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav" className="px-4 md:px-0">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Clínica", id: "about" },
|
||||
{ name: "Tratamientos", id: "features" },
|
||||
{ name: "Precios", id: "pricing" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
navItems={t.nav}
|
||||
brandName="Marín García"
|
||||
button={{
|
||||
text: "Cita Online", href: "https://wa.me/34608685127"}}
|
||||
button={{ text: "Cita Online", href: "https://wa.me/34608685127"}}
|
||||
/>
|
||||
<div className="flex justify-center gap-2 py-2">
|
||||
{['es', 'ca', 'en'].map((l) => (
|
||||
@@ -52,17 +83,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero" className="px-4 md:px-0">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Tu sonrisa es nuestra prioridad en Barcelona"
|
||||
description="Profesionales altamente cualificados en constante formación para ofrecerte una odontología de vanguardia, cercana y honesta."
|
||||
buttons={[
|
||||
{ text: "Pedir Cita por WhatsApp", href: "https://wa.me/34608685127" },
|
||||
{ text: "Primera Visita Gratuita", href: "#contact" },
|
||||
]}
|
||||
background={{ variant: "gradient-bars"}}
|
||||
title={t.hero.title}
|
||||
description={t.hero.desc}
|
||||
buttons={[{ text: t.hero.btns[0], href: "https://wa.me/34608685127" }, { text: t.hero.btns[1], href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-counter-shop_1203-719.jpg", imageAlt: "Clínica Dental Marín García" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideal-beginning-sunday_1098-15647.jpg", imageAlt: "Instalaciones modernas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-counter-shop_1203-719.jpg", imageAlt: "Clínica Dental" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ideal-beginning-sunday_1098-15647.jpg", imageAlt: "Instalaciones" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg", imageAlt: "Sala de espera" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -72,10 +99,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about" className="px-4 md:px-0">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Bienvenidos a Marín García"
|
||||
description={[
|
||||
"En Marín-García trabajamos día a día para conseguirte esa sonrisa que deseas. Nuestro equipo humano destaca por su cercanía, amabilidad, ilusión y confianza.", "Contamos con más de 15 años de experiencia y estamos certificados por Top Doctors, garantizando una atención ética, transparente y sin sorpresas."
|
||||
]}
|
||||
title={t.about.title}
|
||||
description={t.about.desc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,11 +111,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Implantes de Máxima Calidad", description: "Soluciones funcionales y estéticas duraderas.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-x-ray-picture-teeth-tablet_651396-1403.jpg", imageAlt: "Implantes" },
|
||||
{ title: "Ortodoncia Invisible", description: "La forma más discreta de mejorar tu alineación.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-takes-instruments-doctor-protective-gloves-medic-uses-device_1157-40917.jpg", imageAlt: "Ortodoncia" },
|
||||
{ title: t.features.items[0].title, description: t.features.items[0].desc, imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-x-ray-picture-teeth-tablet_651396-1403.jpg", imageAlt: "Implantes" },
|
||||
{ title: t.features.items[1].title, description: t.features.items[1].desc, imageSrc: "http://img.b2bpic.net/free-photo/dentist-takes-instruments-doctor-protective-gloves-medic-uses-device_1157-40917.jpg", imageAlt: "Ortodoncia" },
|
||||
]}
|
||||
title="Nuestros Tratamientos"
|
||||
description="La tecnología es nuestra aliada. Utilizamos los últimos avances para garantizar diagnósticos precisos y procedimientos indoloros."
|
||||
title={t.features.title}
|
||||
description={t.features.desc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,8 +129,8 @@ export default function LandingPage() {
|
||||
{ id: "m1", name: "Dr. Marín", role: "Odontólogo Principal", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg", imageAlt: "Dr. Marín" },
|
||||
{ id: "m2", name: "Dra. García", role: "Especialista Estética", imageSrc: "http://img.b2bpic.net/free-photo/content-mature-doctor-with-hands-pockets_1262-7199.jpg", imageAlt: "Dra. García" },
|
||||
]}
|
||||
title="Nuestro Equipo Humano"
|
||||
description="Profesionales cercanos que te acompañan en todo el proceso."
|
||||
title={t.team.title}
|
||||
description={t.team.desc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,10 +140,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "p1", tag: "Visita", price: "0€", period: "Primera consulta", description: "Diagnóstico y plan de tratamiento sin compromiso.", button: { text: "Reservar", href: "#contact" }, featuresTitle: "Incluye:", features: ["Revisión completa", "Radiografía digital"] },
|
||||
{ id: "p1", tag: t.pricing.plan.badge, price: "0€", period: t.pricing.plan.period, description: t.pricing.plan.desc, button: { text: t.pricing.plan.btn, href: "#contact" }, featuresTitle: t.pricing.plan.featTitle, features: t.pricing.plan.feats },
|
||||
]}
|
||||
title="Precios Orientativos"
|
||||
description="Transparencia total para que planifiques tu tratamiento."
|
||||
title={t.pricing.title}
|
||||
description={t.pricing.desc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,10 +152,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excelente atención", quote: "Un equipo humano excepcional, me sentí como en casa desde el primer minuto.", name: "Dámaso Curto", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66974.jpg" },
|
||||
{ id: "t1", title: "Excelente", quote: t.testimonials.quote, name: "Dámaso Curto", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66974.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros pacientes"
|
||||
description="Más de 15 años de confianza en Barcelona."
|
||||
title={t.testimonials.title}
|
||||
description={t.testimonials.desc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,21 +163,21 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Solicita tu primera visita sin compromiso"
|
||||
description="Estamos en Sant Antoni María Claret nº324, Barcelona. Escríbenos y estaremos encantados de resolver tus dudas."
|
||||
tag={t.contact.tag}
|
||||
title={t.contact.title}
|
||||
description={t.contact.desc}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg"
|
||||
inputPlaceholder="Tu email de contacto"
|
||||
buttonText="Enviar consulta"
|
||||
termsText="Al enviar, aceptas nuestra política de privacidad."
|
||||
inputPlaceholder={t.contact.placeholder}
|
||||
buttonText={t.contact.btn}
|
||||
termsText={t.contact.terms}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="px-4 md:px-0">
|
||||
<FooterLogoReveal
|
||||
logoText="Marín García"
|
||||
leftLink={{ text: "Citas: citas@maringarciaclinicadental.com", href: "mailto:citas@maringarciaclinicadental.com" }}
|
||||
rightLink={{ text: "WhatsApp: 608 685 127", href: "https://wa.me/34608685127" }}
|
||||
leftLink={{ text: t.footer.left, href: "mailto:citas@maringarciaclinicadental.com" }}
|
||||
rightLink={{ text: t.footer.right, href: "https://wa.me/34608685127" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--background: #ffffff;
|
||||
--card: #f0f8ff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e8f0fe;
|
||||
--secondary-cta-text: #0056b3;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--background-accent: #f0f8ff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user