diff --git a/src/app/booking-confirmation/page.tsx b/src/app/booking-confirmation/page.tsx new file mode 100644 index 0000000..9455585 --- /dev/null +++ b/src/app/booking-confirmation/page.tsx @@ -0,0 +1,138 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroCentered from '@/components/sections/hero/HeroCentered'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import { MessageCircle, ArrowRight } from 'lucide-react'; +import { useSearchParams } from 'next/navigation'; + +export default function BookingConfirmationPage() { + const searchParams = useSearchParams(); + const plan = searchParams.get('plan') || 'service'; + + const whatsappNumber = '525512345678'; + const whatsappMessage = `Hola GlowStudio MX, acabo de completar el pago de mi servicio y me gustaría confirmar mi reserva. Plan: ${plan}`; + const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodeURIComponent(whatsappMessage)}`; + + return ( + + + +
+ +
+ +
+
+
+
+ +
+

+ Contacta por WhatsApp +

+

+ Nuestro número de WhatsApp es: +52 55 1234 5678 +

+

+ Simplemente haz clic en el botón de abajo para abrir WhatsApp y confirmar tu cita. Nuestro equipo te responderá en los próximos minutos durante nuestro horario de atención. +

+ +
+ + + Contactar por WhatsApp + + +
+
+ +
+

+ ¿Qué sucede después? +

+
    +
  • + 1. + Abre WhatsApp usando el botón anterior +
  • +
  • + 2. + Nuestro equipo confirmará tu pago y servicio +
  • +
  • + 3. + Te enviaremos nuestro calendario de disponibilidad +
  • +
  • + 4. + Elige tu fecha y hora preferida +
  • +
  • + 5. + ¡Listo! Tu cita está confirmada +
  • +
+
+
+
+ + +
+ ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 893bc9f..a817e3a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,8 +11,15 @@ import FaqBase from '@/components/sections/faq/FaqBase'; import ContactCTA from '@/components/sections/contact/ContactCTA'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import { Calendar, Crown, Heart, HelpCircle, Palette, Shield, Sparkles, Star, Zap } from 'lucide-react'; +import { useRouter } from 'next/navigation'; export default function LandingPage() { + const router = useRouter(); + + const handleBookingClick = (planId: string) => { + router.push(`/booking-confirmation?plan=${planId}`); + }; + return ( handleBookingClick('gel-basic') }], features: [ "Manicura gel de 2 semanas", "Colores a elegir del catálogo", "Aplicación profesional", "Acabado brillante", "Cita reservada automáticamente" ] }, { id: "design-premium", badge: "Recomendado", badgeIcon: Sparkles, - price: "$550 MXN", subtitle: "Diseño Artístico Exclusivo", buttons: [{ text: "Pagar y Reservar", href: "#contact" }], + price: "$550 MXN", subtitle: "Diseño Artístico Exclusivo", buttons: [{ text: "Pagar y Reservar", onClick: () => handleBookingClick('design-premium') }], features: [ "Diseño personalizado", "Gel de colores premium", "Detalles especiales", "Duración 3 semanas", "Consulta de diseño incluida", "Cita reservada automáticamente" ] }, { id: "pedicure-luxury", badge: "Lujo", badgeIcon: Crown, - price: "$450 MXN", subtitle: "Pedicura Deluxe Completa", buttons: [{ text: "Pagar y Reservar", href: "#contact" }], + price: "$450 MXN", subtitle: "Pedicura Deluxe Completa", buttons: [{ text: "Pagar y Reservar", onClick: () => handleBookingClick('pedicure-luxury') }], features: [ "Masaje relajante de pies", "Exfoliación premium", "Gel o esmalte profesional", "Diseño incluido", "Acabado perfecto", "Cita reservada automáticamente" ] }, { id: "combo-ultimate", badge: "Mejor Oferta", badgeIcon: Zap, - price: "$799 MXN", subtitle: "Paquete Completo Beauty", buttons: [{ text: "Pagar y Reservar", href: "#contact" }], + price: "$799 MXN", subtitle: "Paquete Completo Beauty", buttons: [{ text: "Pagar y Reservar", onClick: () => handleBookingClick('combo-ultimate') }], features: [ "Manicura gel con diseño", "Pedicura con masaje", "Tratamiento regenerador", "Detalles premium", "Duración total 2 horas", "Cita reservada automáticamente" ] @@ -252,4 +259,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file