Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -29,7 +29,7 @@ export default function LandingPage() {
               { name: "Writing", id: "/writing" },
             ]}
             brandName="IELTS Mock"
-            button={{ text: "Get Started", href: "/" }}
+            button={{ text: "Take Free Mock", href: "/" }}
           />
         </div>
 
@@ -37,10 +37,12 @@ export default function LandingPage() {
           <HeroSplitDoubleCarousel
             background={{ variant: "plain" }}
             title="Master Your IELTS Preparation"
-            description="Experience a realistic, AI-powered mock examination environment with dynamic questions, performance tracking, and immediate result summaries."
+            description="Get AI-powered, real-time IELTS scoring and detailed performance insights in minutes, not days."
             leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/a-futuristic-and-clean-ielts-exam-dashbo-1774606537627-d6fe36dd.png", imageAlt: "IELTS Dashboard" }]}
             rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/an-image-illustrating-a-digital-speaking-1774606536650-c144e972.png", imageAlt: "Speaking Test" }]}
             buttons={[{ text: "Start Speaking", href: "/speaking" }, { text: "Start Writing", href: "/writing" }]}
+            buttonClassName="[&>button:first-child]:bg-indigo-600 [&>button:first-child]:text-white [&>button:last-child]:border-2 [&>button:last-child]:border-emerald-500 [&>button:last-child]:text-emerald-600"
+            avatarText="Join 10,000+ students achieving their target band score"
           />
         </div>