Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -5,12 +5,14 @@ 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, Check, Clock, MessageSquare, ThumbsUp, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -19,8 +21,8 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="mediumLarge"
-        sizing="largeSmall"
+        contentWidth="medium"
+        sizing="medium"
         background="aurora"
         cardStyle="inset"
         primaryButtonStyle="gradient"
@@ -36,7 +38,7 @@ export default function LandingPage() {
               { name: "About", id: "about" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="Elite Lingo"
+            brandName="Elite Lingo Brazil"
           />
         </div>
 
@@ -59,17 +61,36 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={true}
             features={[
-              { id: "s1", title: "Phone Call Support", descriptions: ["Real-time help for bank, utility, and service calls."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777039999359-5b1a3520.png" },
-              { id: "s2", title: "Housing & Rental Help", descriptions: ["Navigate communication with landlords and estate agents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040006779-c2df0233.png" },
-              { id: "s3", title: "Home Office & Visa", descriptions: ["Professional guidance for official UK immigration forms."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-immigration-gold-and-navy-blue--1777040014302-fbc543ca.png" },
-              { id: "s4", title: "Document Translation", descriptions: ["Accurate, clear translation of official emails and documents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777040030830-3093bc7c.png" },
-              { id: "s5", title: "Live Video Interpretation", descriptions: ["Instant video support for WhatsApp, FaceTime, or Zoom."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040037588-59011089.png" }
+              { id: "s1", title: "Phone Call Support", descriptions: ["Real-time help for bank, utility, and service calls."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/uploaded-1777042015894-lw89q7qi.png" },
+              { id: "s2", title: "Housing & Rental Help", descriptions: ["Navigate communication with landlords and estate agents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/uploaded-1777042107680-nzqu3vwd.png" },
+              { id: "s3", title: "Home Office & Visa", descriptions: ["Professional guidance for official UK immigration forms."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/uploaded-1777041864393-xrpf49bs.png" },
+              { id: "s4", title: "Document Translation", descriptions: ["Accurate, clear translation of official emails and documents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/uploaded-1777042714847-0cp7pd48.png" },
+              { id: "s5", title: "Live Video Interpretation", descriptions: ["Instant video support for WhatsApp, FaceTime, or Zoom."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/uploaded-1777043140888-od3ee2r3.png" }
             ]}
             title="Our Support Services"
             description="Comprehensive language and interpretation solutions tailored for your life in the UK."
           />
         </div>
 
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            title="What Our Clients Say"
+            description="Hear from Brazilians who have transformed their lives in the UK with our support."
+            testimonials={[
+              { id: "t1", name: "Ana Silva", role: "Accountant", company: "London Finance Group", rating: 5 },
+              { id: "t2", name: "Pedro Santos", role: "Construction Manager", company: "BuildMax", rating: 5 }
+            ]}
+            kpiItems={[
+              { value: "100+", label: "Situations Resolved" },
+              { value: "99%", label: "Satisfied Clients" },
+              { value: "24/7", label: "Support Available" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+          />
+        </div>
+
         <div id="how-it-works" data-section="how-it-works">
           <MetricCardOne
             animationType="slide-up"
@@ -90,7 +111,7 @@ export default function LandingPage() {
           <SocialProofOne
             textboxLayout="split"
             useInvertedBackground={true}
-            names={["UK Based Support", "Brazilian Portuguese Native Experts", "Real Human Interpretation", "Fast Response Times", "Bank/Utilities Specialists", "Home Office Certified", "Confident Communication"]}
+            names={["UK Based Support", "Brazilian Portuguese Native Experts", "Real Human Interpretation", "Fast Response Times", "Bank/Utilities Specialists", "Home Office ", "Confident Communication"]}
             title="Why Choose Elite Lingo"
             description="Quality support designed specifically for the Brazilian community in the UK."
           />
@@ -101,7 +122,7 @@ export default function LandingPage() {
             useInvertedBackground={false}
             title="Built for the Community"
             description={[
-              "Our founder moved to the UK at age 6, navigating the challenges of dual-language living firsthand. Elite Lingo Brasil was created to ensure that every Brazilian in the UK can face official conversations, medical appointments, and daily interactions with total confidence.",              "We aren't just translators; we are your communication partner."
+              "Our founder moved to the UK at age 6, navigating the challenges of dual-language living firsthand. Elite Lingo Brazil was created to ensure that every Brazilian in the UK can face official conversations, medical appointments, and daily interactions with total confidence.",              "We aren't just translators, we are your communication partner."
             ]}
           />
         </div>
@@ -113,8 +134,8 @@ export default function LandingPage() {
             gridVariant="bento-grid-inverted"
             useInvertedBackground={true}
             metrics={[
-              { id: "st1", value: "500+", title: "UK Situations Resolved", description: "From bank calls to housing queries.", icon: Award },
-              { id: "st2", value: "99%", title: "Client Satisfaction", description: "Confident communication every time.", icon: ThumbsUp },
+              { id: "st1", value: "100+", title: "UK Situations Resolved", description: "From bank calls to housing queries.", icon: Award },
+              { id: "st2", value: "99.4%", title: "Client Satisfaction", description: "Confident communication every time.", icon: ThumbsUp },
               { id: "st3", value: "24/7", title: "Support Availability", description: "When you need us, we're here.", icon: Clock }
             ]}
             title="Our Impact"
@@ -137,6 +158,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,30 +187,13 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
-            logoText="Elite Lingo Brasil"
+          <FooterBaseReveal
+            logoText=""
             columns={[
-              {
-                title: "Services",                items: [
-                  { label: "Call Support", href: "#services" },
-                  { label: "Immigration Help", href: "#services" },
-                  { label: "Live Video Interpretation", href: "#services" }
-                ]
-              },
-              {
-                title: "Company",                items: [
-                  { label: "About Us", href: "#about" },
-                  { label: "Contact", href: "#contact" }
-                ]
-              },
-              {
-                title: "Legal",                items: [
-                  { label: "Privacy Policy", href: "#" },
-                  { label: "Terms of Service", href: "#" }
-                ]
-              }
+              { title: "Support", items: [{ label: "Call Support", href: "#services" }, { label: "Immigration Help", href: "#services" }, { label: "Live Video", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
             ]}
-            copyrightText="© 2025 Elite Lingo Brasil. All Rights Reserved."
           />
         </div>
       </ReactLenis>