Update src/app/page.tsx

Merge version_1 into main

src/app/contacto/page.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactoPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="large"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Services",                id: "#services"},
+              {
+                name: "Process",                id: "#process"},
+              {
+                name: "Why Choose Us",                id: "#why-choose-us"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contacto",                id: "/contacto"},
+            ]}
+            button={{
+              text: "Get a Free Consultation",              href: "/contacto"}}
+            brandName="Overseas Business Setup"
+          />
+        </div>
+
+        <div id="contacto-form" data-section="contacto-form">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Get in Touch"
+            title="Contact Us"
+            description={`For inquiries, please reach out to us:\n\nPhone: 640 13 24 50, 856 58 43 45\nEmail: info@ceilayedra.es\nAddress: Calle Alexander Henderson, 48, 11207 Algeciras, Cádiz\n\nUse the form below to send us a message (Email field only).`}
+            inputPlaceholder="Your Email"
+            buttonText="Send Message"
+            termsText="By submitting, you agree to our Terms and Conditions and Privacy Policy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Services",                items: [
+                  {
+                    label: "Company Registration",                    href: "#services"},
+                  {
+                    label: "Business Licensing",                    href: "#services"},
+                  {
+                    label: "Market Entry",                    href: "#services"},
+                  {
+                    label: "Compliance",                    href: "#services"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "#about"},
+                  {
+                    label: "Our Process",                    href: "#process"},
+                  {
+                    label: "Why Choose Us",                    href: "#why-choose-us"},
+                  {
+                    label: "Contacto",                    href: "/contacto"},
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  {
+                    label: "FAQ",                    href: "#faq"},
+                  {
+                    label: "Client Testimonials",                    href: "#testimonials"},
+                  {
+                    label: "Blog",                    href: "#"},
+                  {
+                    label: "Support",                    href: "#"},
+                ],
+              },
+            ]}
+            logoText="Overseas Business Setup"
+            copyrightText="© 2024 Overseas Business Setup | All Rights Reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -33,7 +32,7 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "About",          id: "#about"},
         {
@@ -47,10 +46,10 @@ export default function LandingPage() {
         {
           name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contacto",          id: "/contacto"},
       ]}
       button={{
-        text: "Get a Free Consultation",        href: "#contact"}}
+        text: "Get a Free Consultation",        href: "/contacto"}}
       brandName="Overseas Business Setup"
     />
   </div>
@@ -91,7 +90,7 @@ export default function LandingPage() {
       ]}
       buttons={[
         {
-          text: "Get a Free Consultation",          href: "#contact"},
+          text: "Get a Free Consultation",          href: "/contacto"},
       ]}
       avatars={[
         {
@@ -299,19 +298,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Contact Us"
-      title="Ready to Expand Internationally?"
-      description="Overseas Business Setup provides professional guidance for company registration, licensing, and market entry services. Book Your Free Consultation Today."
-      inputPlaceholder="Enter your email"
-      buttonText="Submit Inquiry"
-      termsText="By submitting, you agree to our Terms and Conditions and Privacy Policy."
-    />
-  </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
@@ -337,7 +323,7 @@ export default function LandingPage() {
             {
               label: "Why Choose Us",              href: "#why-choose-us"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contacto",              href: "/contacto"},
           ],
         },
         {
@@ -360,4 +346,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}