Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-04-14 00:21:02 +00:00
2 changed files with 68 additions and 2 deletions

66
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Carmen Cea"
navItems={[
{ name: "Inicio", id: "/" },
{ name: "Tratamientos", id: "/products" },
{ name: "Contacto", id: "/contact" }
]}
button={{ text: "Reservar cita", href: "https://wa.me/34662224408" }}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Reserva tu Cita en Carmen Cea"
description="Completa el formulario y te contactaremos por WhatsApp para confirmar tu cita. Estás a un paso de resaltar tu belleza."
inputs={[
{ name: "nombre", type: "text", placeholder: "Tu nombre completo", required: true },
{ name: "email", type: "email", placeholder: "Tu email (opcional)", required: false },
{ name: "whatsapp", type: "tel", placeholder: "Tu número de teléfono/WhatsApp", required: true }
]}
textarea={{ name: "consulta", placeholder: "¿Qué tratamiento te interesa? (ej. Diseño de cejas, Facial, etc.)", rows: 4, required: true }}
buttonText="¡Agendar vía WhatsApp!"
imageSrc="http://img.b2bpic.net/free-photo/female-client-going-through-microblading-treatment_23-2149183892.jpg"
mediaPosition="right"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Carmen Cea"
columns={[
{ items: [{ label: "Cádiz, España" }, { label: "Av. Segunda Aguada, 18B" }] },
{ items: [{ label: "662 22 44 08" }, { label: "Lunes a Viernes" }] },
{ items: [{ label: "Instagram" }, { label: "Google Maps" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -13,7 +13,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Sparkles, Star, MapPin, Phone, Clock, Smile } from 'lucide-react';
import { Sparkles, Star, Smile } from 'lucide-react';
export default function LandingPage() {
return (
@@ -53,7 +53,7 @@ export default function LandingPage() {
background={{ variant: "plain" }}
buttons={[
{ text: "Reservar cita", href: "https://wa.me/34662224408" },
{ text: "Ver tratamientos", href: "#products" }
{ text: "Ver tratamientos", href: "/products" }
]}
buttonAnimation="slide-up"
carouselItems={[