Update src/app/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { MapPin, Instagram, Facebook, MessageCircle } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumLargeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Inicio", id: "/" },
+            { name: "Productos", id: "/#features" },
+            { name: "", id: "/#location" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contacto", id: "/contact" }
+          ]}
+          brandName="A mi manera"
+          bottomLeftText="Pastelería Artesanal"
+          bottomRightText="reservas@amimamera.com"
+        />
+      </div>
+
+      <div id="contact" data-section="contact" className="pt-32">
+        <ContactCenter
+          tag="Contacto"
+          tagIcon={MapPin}
+          title="¡Conecta con Nosotros!"
+          description="Estamos aquí para responder tus preguntas y ayudarte con tus pedidos especiales. Suscríbete para recibir nuestras promociones exclusivas."
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={true}
+          inputPlaceholder="Tu email para ofertas"
+          buttonText="Suscribirse"
+          termsText="Recibe nuestras nuevas creaciones y promociones exclusivas cada semana."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="A mi manera"
+          copyrightText="© 2024 A mi manera Pastelería. Todos los derechos reservados."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/amimamera",              ariaLabel: "Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/amimamera",              ariaLabel: "Facebook"
+            },
+            {
+              icon: MessageCircle,
+              href: "https://wa.me/34",              ariaLabel: "WhatsApp"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { HelpCircle, Instagram, Facebook, MessageCircle } from "lucide-react";
+
+export default function FAQPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumLargeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Inicio", id: "/" },
+            { name: "Productos", id: "/#features" },
+            { name: "", id: "/#location" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contacto", id: "/contact" }
+          ]}
+          brandName="A mi manera"
+          bottomLeftText="Pastelería Artesanal"
+          bottomRightText="reservas@amimamera.com"
+        />
+      </div>
+
+      <div id="faq" data-section="faq" className="pt-32">
+        <FaqDouble
+          title="Preguntas Frecuentes"
+          description="Resuelve tus dudas sobre nuestros productos y servicios"
+          tag="FAQ"
+          tagIcon={HelpCircle}
+          faqs={[
+            {
+              id: "1",              title: "¿Cuál es el tiempo de entrega para pedidos personalizados?",              content: "Para tortas personalizadas, recomendamos hacer el pedido con 48 horas de anticipación. Entregas urgentes consultar disponibilidad."
+            },
+            {
+              id: "2",              title: "¿Ofrecen opciones sin gluten y sin lactosa?",              content: "Sí, contamos con línea de productos dietéticos. Consulta nuestros catálogos disponibles en tienda o por WhatsApp."
+            },
+            {
+              id: "3",              title: "¿Pueden decorar tortas con temas personalizados?",              content: "Absolutamente. Realizamos diseños únicos según tus preferencias. Solicita tu presupuesto sin compromiso."
+            },
+            {
+              id: "4",              title: "¿Ofrecen servicio de envío a domicilio?",              content: "Sí, disponible para la zona de Madrid. El envío tiene costo adicional según distancia."
+            },
+            {
+              id: "5",              title: "¿Qué métodos de pago aceptan?",              content: "Aceptamos efectivo, tarjeta de crédito, débito y transferencia bancaria para pedidos en línea."
+            },
+            {
+              id: "6",              title: "¿Tienen tienda física donde comprar?",              content: "Sí, visitanos en Calle Principal 123, Madrid. Horario: Lunes a Domingo de 9:00 a 20:00."
+            }
+          ]}
+          textboxLayout="default"
+          faqsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="A mi manera"
+          copyrightText="© 2024 A mi manera Pastelería. Todos los derechos reservados."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/amimamera",              ariaLabel: "Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/amimamera",              ariaLabel: "Facebook"
+            },
+            {
+              icon: MessageCircle,
+              href: "https://wa.me/34",              ariaLabel: "WhatsApp"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,8 +30,9 @@ export default function AmiManeraLanding() {
           navItems={[
             { name: "Inicio", id: "hero" },
             { name: "Productos", id: "features" },
-            { name: "Ubicación", id: "location" },
-            { name: "Contacto", id: "contact" }
+            { name: "", id: "location" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contacto", id: "/contact" }
           ]}
           brandName="A mi manera"
           bottomLeftText="Pastelería Artesanal"
@@ -139,7 +140,7 @@ export default function AmiManeraLanding() {
 
       <div id="location" data-section="location">
         <ContactCenter
-          tag="Ubicación"
+          tag=""
           tagIcon={MapPin}
           title="Visítanos en Nuestro Local"
           description="Encuentra nuestro establecimiento en el corazón del barrio. Abierto de lunes a domingo para servir tus delicias favoritas"
@@ -151,38 +152,6 @@ export default function AmiManeraLanding() {
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqDouble
-          title="Preguntas Frecuentes"
-          description="Resuelve tus dudas sobre nuestros productos y servicios"
-          tag="FAQ"
-          tagIcon={HelpCircle}
-          faqs={[
-            {
-              id: "1",              title: "¿Cuál es el tiempo de entrega para pedidos personalizados?",              content: "Para tortas personalizadas, recomendamos hacer el pedido con 48 horas de anticipación. Entregas urgentes consultar disponibilidad."
-            },
-            {
-              id: "2",              title: "¿Ofrecen opciones sin gluten y sin lactosa?",              content: "Sí, contamos con línea de productos dietéticos. Consulta nuestros catálogos disponibles en tienda o por WhatsApp."
-            },
-            {
-              id: "3",              title: "¿Pueden decorar tortas con temas personalizados?",              content: "Absolutamente. Realizamos diseños únicos según tus preferencias. Solicita tu presupuesto sin compromiso."
-            },
-            {
-              id: "4",              title: "¿Ofrecen servicio de envío a domicilio?",              content: "Sí, disponible para la zona de Madrid. El envío tiene costo adicional según distancia."
-            },
-            {
-              id: "5",              title: "¿Qué métodos de pago aceptan?",              content: "Aceptamos efectivo, tarjeta de crédito, débito y transferencia bancaria para pedidos en línea."
-            },
-            {
-              id: "6",              title: "¿Tienen tienda física donde comprar?",              content: "Sí, visitanos en Calle Principal 123, Madrid. Horario: Lunes a Domingo de 9:00 a 20:00."
-            }
-          ]}
-          textboxLayout="default"
-          faqsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="A mi manera"