Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero" className="py-0">
           <HeroBillboardScroll
             background={{ variant: "plain" }}
             title="Speak English with confidence in the UK"
@@ -55,7 +55,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="services" data-section="services">
+        <div id="services" data-section="services" className="py-4">
           <FeatureCardTwentySeven
             animationType="slide-up"
             textboxLayout="split"
@@ -72,7 +72,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials" className="py-4">
           <TestimonialCardSixteen
             title="What Our Clients Say"
             description="Hear from Brazilians who have transformed their lives in the UK with our support."
@@ -88,10 +88,14 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={true}
+            gridClassName="gap-2"
+            carouselClassName="gap-0"
+            cardClassName="p-2"
+            className="py-4"
           />
         </div>
 
-        <div id="how-it-works" data-section="how-it-works">
+        <div id="how-it-works" data-section="how-it-works" className="py-4">
           <MetricCardOne
             animationType="slide-up"
             textboxLayout="split"
@@ -107,7 +111,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="trust" data-section="trust">
+        <div id="trust" data-section="trust" className="py-4">
           <SocialProofOne
             textboxLayout="split"
             useInvertedBackground={true}
@@ -117,7 +121,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="about" data-section="about">
+        <div id="about" data-section="about" className="py-4">
           <TextSplitAbout
             useInvertedBackground={false}
             title="Built for the Community"
@@ -127,7 +131,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="stats" data-section="stats">
+        <div id="stats" data-section="stats" className="py-4">
           <MetricCardOne
             animationType="slide-up"
             textboxLayout="split"
@@ -143,7 +147,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq" className="py-4">
           <FaqBase
             textboxLayout="split"
             useInvertedBackground={false}
@@ -158,7 +162,7 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="contact-details" data-section="contact-details">
+        <div id="contact-details" data-section="contact-details" className="py-4">
           <ContactCenter
             tag="Contact Us"
             title="Reach out to Elite Lingo Brazil"
@@ -167,13 +171,13 @@ export default function LandingPage() {
             useInvertedBackground={false}
             onSubmit={(email) => console.log(email)}
           />
-          <div className="flex flex-col gap-4 text-center p-8 bg-card rounded-xl">
+          <div className="flex flex-col gap-2 text-center p-4 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">
+        <div id="contact" data-section="contact" className="py-4">
           <ContactSplit
             useInvertedBackground={true}
             background={{ variant: "plain" }}
@@ -188,7 +192,7 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterBaseReveal
-            logoText=""
+            logoText="Elite Lingo Brazil"
             columns={[
               { 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" }] },
@@ -199,4 +203,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}