Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,8 +10,26 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [lang, setLang] = useState<'EN' | 'TH'>('EN');
+
+  const content = {
+    EN: {
+      brand: "SportTalentTH",      nav: [{ name: "Home", id: "hero" }, { name: "Features", id: "features" }, { name: "Testimonials", id: "testimonials" }, { name: "FAQ", id: "faq" }],
+      hero: { title: "SportTalentTH", desc: "Connecting Thailand's next generation of athletes with professional scouts. Showcase your highlights, track your progress, and get noticed." },
+      about: "The Future of Sports Recruitment in Thailand",      features: "Built for Excellence"
+    },
+    TH: {
+      brand: "SportTalentTH",      nav: [{ name: "หน้าแรก", id: "hero" }, { name: "ฟีเจอร์", id: "features" }, { name: "รีวิว", id: "testimonials" }, { name: "คำถามพบบ่อย", id: "faq" }],
+      hero: { title: "SportTalentTH", desc: "เชื่อมต่อเยาวชนนักกีฬารุ่นใหม่ของไทยกับแมวมองมืออาชีพ แสดงผลงาน ติดตามความก้าวหน้า และสร้างชื่อให้เป็นที่รู้จัก" },
+      about: "อนาคตของการสรรหานักกีฬาในประเทศไทย",      features: "สร้างสรรค์เพื่อความเป็นเลิศ"
+    }
+  };
+
+  const toggleLang = () => setLang(prev => prev === 'EN' ? 'TH' : 'EN');
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -28,29 +46,19 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
+      navItems={content[lang].nav}
-        {
+      brandName={content[lang].brand}
-          name: "Home",          id: "hero"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "FAQ",          id: "faq"},
-      ]}
-      brandName="SportTalentTH"
     />
+    <button onClick={toggleLang} className="fixed top-4 right-4 z-50 px-3 py-1 bg-white/10 backdrop-blur rounded-full text-xs">{lang === 'EN' ? 'EN / TH' : 'TH / EN'}</button>
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="SportTalentTH"
+      logoText={content[lang].hero.title}
-      description="Connecting Thailand's next generation of athletes with professional scouts. Showcase your highlights, track your progress, and get noticed."
+      description={content[lang].hero.desc}
       buttons={[
-        {
+        { text: "Get Started", href: "#contact" },
-          text: "Get Started",          href: "#contact"},
+        { text: "Learn More", href: "#features" },
-        {
-          text: "Learn More",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games-championship_23-2151460477.jpg"
       imageAlt="Thai athlete action shot"
@@ -60,16 +68,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
+      heading={[{ type: "text", content: content[lang].about }, { type: "image", src: "http://img.b2bpic.net/free-photo/sign-showing-how-plant-trees-correctly_1268-21669.jpg", alt: "Platform interface" }]}
-        {
+      buttons={[{ text: "Join the Platform", href: "#contact" }]}
-          type: "text",          content: "The Future of Sports Recruitment in Thailand"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/sign-showing-how-plant-trees-correctly_1268-21669.jpg",          alt: "Platform interface"},
-      ]}
-      buttons={[
-        {
-          text: "Join the Platform",          href: "#contact"},
-      ]}
     />
   </div>
 
@@ -79,27 +79,12 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Highlight Management", description: "Upload and edit your best match moments instantly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=1", imageAlt: "Video editor" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=2", imageAlt: "Profile view" } },
-          title: "Highlight Management",          description: "Upload and edit your best match moments instantly.",          phoneOne: {
+        { title: "AI Stat Tracking", description: "Automated tagging for soccer, badminton, and more.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=3", imageAlt: "AI stats" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=4", imageAlt: "Performance graph" } },
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=1",            imageAlt: "Video editor"},
+        { title: "Coach Visibility", description: "Direct access to top Thai scouts and universities.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=5", imageAlt: "Coach dashboard" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=6", imageAlt: "Scouting inbox" } },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=2",            imageAlt: "Profile view"},
-        },
-        {
-          title: "AI Stat Tracking",          description: "Automated tagging for soccer, badminton, and more.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=3",            imageAlt: "AI stats"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=4",            imageAlt: "Performance graph"},
-        },
-        {
-          title: "Coach Visibility",          description: "Direct access to top Thai scouts and universities.",          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=5",            imageAlt: "Coach dashboard"},
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=6",            imageAlt: "Scouting inbox"},
-        },
       ]}
       showStepNumbers={true}
-      title="Built for Excellence"
+      title={content[lang].features}
       description="Our tools empower athletes to showcase their true potential."
     />
   </div>
@@ -109,31 +94,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={[{ id: "1", name: "Somchai R.", role: "Head Coach", company: "Bangkok United FC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg" }, { id: "2", name: "Mali K.", role: "Academy Director", company: "Thai Badminton Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148634679.jpg" }, { id: "3", name: "Piti S.", role: "Forward", company: "Rising Stars U18", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg" }, { id: "4", name: "Dr. Arisa C.", role: "Talent Scout", company: "National Sports Org", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" }, { id: "5", name: "Korn T.", role: "Club Manager", company: "Chiang Mai Youth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492356.jpg" }]}
-        {
+      kpiItems={[{ value: "500+", label: "Athletes" }, { value: "50+", label: "Scouts" }, { value: "95%", label: "Match Rate" }]}
-          id: "1",          name: "Somchai R.",          role: "Head Coach",          company: "Bangkok United FC",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg"},
-        {
-          id: "2",          name: "Mali K.",          role: "Academy Director",          company: "Thai Badminton Academy",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2148634679.jpg"},
-        {
-          id: "3",          name: "Piti S.",          role: "Forward",          company: "Rising Stars U18",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg"},
-        {
-          id: "4",          name: "Dr. Arisa C.",          role: "Talent Scout",          company: "National Sports Org",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
-        {
-          id: "5",          name: "Korn T.",          role: "Club Manager",          company: "Chiang Mai Youth",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492356.jpg"},
-      ]}
-      kpiItems={[
-        {
-          value: "500+",          label: "Athletes"},
-        {
-          value: "50+",          label: "Scouts"},
-        {
-          value: "95%",          label: "Match Rate"},
-      ]}
       title="Trusted by Coaches"
       description="Hear from professionals across Thailand's sports landscape."
     />
@@ -143,14 +105,7 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[
+      faqs={[{ id: "1", title: "Is it free for athletes?", content: "Yes, basic profile and highlight uploads are free." }, { id: "2", title: "Which sports are supported?", content: "We support soccer, badminton, and Muay Thai, with more coming soon." }, { id: "3", title: "How does AI tracking work?", content: "Our AI tags critical game moments to generate accurate performance data." }]}
-        {
-          id: "1",          title: "Is it free for athletes?",          content: "Yes, basic profile and highlight uploads are free."},
-        {
-          id: "2",          title: "Which sports are supported?",          content: "We support soccer, badminton, and Muay Thai, with more coming soon."},
-        {
-          id: "3",          title: "How does AI tracking work?",          content: "Our AI tags critical game moments to generate accurate performance data."},
-      ]}
       title="Common Questions"
       description="Learn how the platform works for you."
       faqsAnimation="slide-up"
@@ -160,51 +115,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="Join Us"
       title="Start Your Recruiting Journey"
       description="Ready to get scouted? Register today and build your profile."
-      buttons={[
+      buttons={[{ text: "Register Now" }]}
-        {
-          text: "Register Now"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="SportTalentTH"
-      columns={[
+      columns={[{ title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] }, { title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Support", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]}
-        {
-          title: "Platform",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Features",              href: "#features"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Support",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
-      ]}
       copyrightText="© 2024 SportTalentTH. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}