Switch to version 2: modified src/app/page.tsx

Merge version_3 into main

src/app/brevard-county/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function BrevardCountyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Brevard County", id: "/brevard-county" },
+              { name: "Volusia County", id: "/volusia-county" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Alonso Technical Service"
+          />
+        </div>
+        <div className="pt-32 pb-16 px-8">
+           <h1 className="text-5xl font-bold mb-8">Restauración de Puertas de Vidrio en Brevard County</h1>
+           <p className="max-w-2xl text-lg mb-12">
+             Expertos en reparación de sistemas de puertas correderas de impacto en todo Brevard County. Resolvemos problemas de alineación, rodillos desgastados y corrosión marina con componentes premium de grado acero inoxidable.
+           </p>
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText 
+              text="¿Necesita una reparación profesional en Brevard? Contáctenos hoy para un presupuesto personalizado."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia 
+               videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=1"
+               logoText="Alonso Technical Service"
+               columns={[{ title: "Servicios", items: [{ label: "Brevard County", href: "/brevard-county" }, { label: "Volusia County", href: "/volusia-county" }] }, { title: "Empresa", items: [{ label: "Contacto", href: "/contact" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/indian-river-county/page.tsx

@@ -0,0 +1,78 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+
+export default function IndianRiverCountyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Vero Beach", id: "/vero-beach" },
+                { name: "Melbourne", id: "/melbourne" },
+                { name: "Indian River County", id: "/indian-river-county" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Alonso Technical Service"
+            />
+        </div>
+
+        <div id="hero" data-section="hero">
+            <HeroBillboard
+              background={{ variant: "plain" }}
+              title="Servicios de Reparación en Indian River County"
+              description="Expertos certificados en la costa este brindando mantenimiento premium y restauración de puertas de vidrio de alto impacto para residencias y condominios en Indian River County."
+              buttons={[{ text: "Solicitar Cotización", href: "/contact" }]}
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+            <ContactText
+              text="¿Necesita ayuda con sus puertas de impacto en Indian River County? Estamos aquí para asistirle con soluciones profesionales y duraderas contra la corrosión marina."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=3"
+              logoText="Alonso Technical Service"
+              columns={[
+                {
+                  title: "Servicios",                  items: [
+                    { label: "Vero Beach", href: "/vero-beach" },
+                    { label: "Melbourne", href: "/melbourne" },
+                    { label: "Indian River County", href: "/indian-river-county" },
+                  ],
+                },
+                {
+                  title: "Empresa",                  items: [
+                    { label: "Contacto", href: "/contact" },
+                  ],
+                },
+              ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,8 +29,8 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Home", id: "/" },
-        { name: "Vero Beach", id: "/vero-beach" },
-        { name: "Melbourne", id: "/melbourne" },
+        { name: "Brevard County", id: "/brevard-county" },
+        { name: "Volusia County", id: "/volusia-county" },
         { name: "Contact", id: "/contact" },
       ]}
       brandName="Alonso Technical Service"
@@ -97,8 +97,8 @@ export default function LandingPage() {
       columns={[
         {
           title: "Servicios",          items: [
-            { label: "Vero Beach", href: "/vero-beach" },
-            { label: "Melbourne", href: "/melbourne" },
+            { label: "Brevard County", href: "/brevard-county" },
+            { label: "Volusia County", href: "/volusia-county" },
           ],
         },
         {

src/app/volusia-county/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function VolusiaCountyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Brevard County", id: "/brevard-county" },
+              { name: "Volusia County", id: "/volusia-county" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Alonso Technical Service"
+          />
+        </div>
+        <div className="pt-32 pb-16 px-8">
+           <h1 className="text-5xl font-bold mb-8">Servicios Técnicos en Volusia County</h1>
+           <p className="max-w-2xl text-lg mb-12">
+             Servicio especializado para residencias y condominios en Volusia County. Mantenimiento preventivo y correctivo para puertas correderas expuestas al ambiente costero, garantizando durabilidad y suavidad en cada apertura.
+           </p>
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText 
+              text="Programe una visita técnica en Volusia County. Calidad y experiencia a su disposición."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia 
+               videoSrc="https://www.w3schools.com/howto/rain.mp4?_wi=2"
+               logoText="Alonso Technical Service"
+               columns={[{ title: "Servicios", items: [{ label: "Brevard County", href: "/brevard-county" }, { label: "Volusia County", href: "/volusia-county" }] }, { title: "Empresa", items: [{ label: "Contacto", href: "/contact" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}