Merge version_2 into main #4
150
src/app/page.tsx
150
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={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="SportTalentTH"
|
||||
navItems={content[lang].nav}
|
||||
brandName={content[lang].brand}
|
||||
/>
|
||||
<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"
|
||||
description="Connecting Thailand's next generation of athletes with professional scouts. Showcase your highlights, track your progress, and get noticed."
|
||||
logoText={content[lang].hero.title}
|
||||
description={content[lang].hero.desc}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More", href: "#features"},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ 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={[
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
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" }]}
|
||||
/>
|
||||
</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: "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"},
|
||||
},
|
||||
{ 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: "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={[
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
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" }]}
|
||||
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={[
|
||||
{
|
||||
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."},
|
||||
]}
|
||||
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." }]}
|
||||
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={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join Us"
|
||||
title="Start Your Recruiting Journey"
|
||||
description="Ready to get scouted? Register today and build your profile."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now"},
|
||||
]}
|
||||
buttons={[{ text: "Register Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SportTalentTH"
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
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: "#" }] }]}
|
||||
copyrightText="© 2024 SportTalentTH. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user