Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -5,12 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import { Award, Check, Clock, MessageSquare, ThumbsUp, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -137,6 +138,21 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="contact-details" data-section="contact-details">
+          <ContactCenter
+            tag="Contact Us"
+            title="Reach out to Elite Lingo Brazil"
+            description="We're here to help you navigate your life in the UK. Contact us directly via phone or email for quick support."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            onSubmit={(email) => console.log(email)}
+          />
+          <div className="flex flex-col gap-4 text-center p-8 bg-card rounded-xl">
+             <p className="font-bold">Phone: 07563282627</p>
+             <p className="font-bold">Email: eliteLingoBrazil@hotmail.com</p>
+          </div>
+        </div>
+
         <div id="contact" data-section="contact">
           <ContactSplit
             useInvertedBackground={true}
@@ -151,33 +167,32 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterLogoEmphasis
             logoText="Elite Lingo Brazil"
             columns={[
               {
-                title: "Services",                items: [
+                items: [
                   { label: "Call Support", href: "#services" },
                   { label: "Immigration Help", href: "#services" },
                   { label: "Live Video Interpretation", href: "#services" }
                 ]
               },
               {
-                title: "Company",                items: [
+                items: [
                   { label: "About Us", href: "#about" },
                   { label: "Contact", href: "#contact" }
                 ]
               },
               {
-                title: "Legal",                items: [
+                items: [
                   { label: "Privacy Policy", href: "#" },
                   { label: "Terms of Service", href: "#" }
                 ]
               }
             ]}
-            copyrightText="© 2025 Elite Lingo Brazil. All Rights Reserved."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}