diff --git a/src/app/page.tsx b/src/app/page.tsx index a7b3cfb..9b3015b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,27 +17,26 @@ export default function LandingPage() { defaultButtonVariant="text-shift" defaultTextAnimation="background-highlight" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -67,20 +62,13 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "The Future of Sports Recruitment in Thailand", - }, + 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", - }, + 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", - }, + text: "Join the Platform", href: "#contact"}, ]} /> @@ -92,46 +80,22 @@ export default function LandingPage() { 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", - }, + 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", 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", - }, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games-championship_23-2151460477.jpg?_wi=2", - imageAlt: "professional soccer player action shot", + imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg", 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", - }, + 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", 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/sign-showing-how-plant-trees-correctly_1268-21669.jpg", - imageAlt: "sports recruiting app dashboard", + imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg", 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", - }, + 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", 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", - }, - imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg?_wi=7", - imageAlt: "athlete video highlights mobile app", + imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg", imageAlt: "Scouting inbox"}, }, ]} showStepNumbers={true} @@ -147,59 +111,28 @@ export default function LandingPage() { 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: "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: "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: "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: "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", - }, + 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: "500+", label: "Athletes"}, { - value: "50+", - label: "Scouts", - }, + value: "50+", label: "Scouts"}, { - value: "95%", - label: "Match Rate", - }, + value: "95%", label: "Match Rate"}, ]} title="Trusted by Coaches" description="Hear from professionals across Thailand's sports landscape." @@ -212,20 +145,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Is it free for athletes?", - content: "Yes, basic profile and highlight uploads are free.", - }, + 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: "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: "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." @@ -237,15 +161,13 @@ export default function LandingPage() { @@ -255,42 +177,27 @@ export default function LandingPage() { logoText="SportTalentTH" columns={[ { - title: "Platform", - items: [ + title: "Platform", items: [ { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Features", - href: "#features", - }, + label: "Features", href: "#features"}, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Support", - href: "#", - }, + label: "Support", href: "#"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy", - href: "#", - }, + label: "Privacy", href: "#"}, { - label: "Terms", - href: "#", - }, + label: "Terms", href: "#"}, ], }, ]}