bender/cb2e1883-1e36-4fde-bfd8-d85b4db63251
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-09 07:50:02 +00:00
parent 7058c5104a
commit 48522be18b
1 changed files with 58 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Crown, User } from "lucide-react";
import { Award, Camera, Crown, Flag, MapPin, Sparkles, User } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,46 +34,26 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "홈",
id: "#hero",
},
name: "홈", id: "#hero"},
{
name: "소개",
id: "#about",
},
name: "소개", id: "#about"},
{
name: "특징",
id: "#features",
},
name: "특징", id: "#features"},
{
name: "성과",
id: "#metrics",
},
name: "성과", id: "#metrics"},
{
name: "레슨",
id: "#pricing",
},
name: "레슨", id: "#pricing"},
{
name: "후기",
id: "#testimonials",
},
name: "후기", id: "#testimonials"},
{
name: "강사진",
id: "#team",
},
name: "강사진", id: "#team"},
{
name: "자주 묻는 질문",
id: "#faq",
},
name: "자주 묻는 질문", id: "#faq"},
{
name: "문의",
id: "#contact",
},
name: "문의", id: "#contact"},
]}
button={{
text: "무료 체험 레슨 신청하기",
href: "#contact",
}}
text: "무료 체험 레슨 신청하기", href: "#contact"}}
brandName="SWING LAB 스윙랩"
/>
</div>
@@ -81,16 +61,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="골린이 탈출, 3개월이면 충분합니다"
description="유튜브 독학으로 포기했던 당신을 위해 스윙랩의 1:1 맞춤 레슨이 준비했습니다 누적 1,200명 이상의 수강생들이 이미 증명했습니다"
tagAnimation="none"
buttons={[
{
text: "무료 체험 레슨 신청하기",
href: "#contact",
},
text: "무료 체험 레슨 신청하기", href: "#contact"},
]}
buttonAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/golfer-with-golf-bag-walking-down-course_549566-366.jpg"
@@ -106,17 +83,11 @@ export default function LandingPage() {
description="SWING LAB은 단순한 골프 레슨을 넘어, 골린이들이 겪는 모든 어려움을 해결하고 빠르게 필드에 나갈 수 있도록 돕는 프리미엄 아카데미입니다."
bulletPoints={[
{
title: "1:1 맞춤 레슨",
description: "개인의 스윙 분석을 통한 최적화된 맞춤형 커리큘럼 제공.",
},
title: "1:1 맞춤 레슨", description: "개인의 스윙 분석을 통한 최적화된 맞춤형 커리큘럼 제공."},
{
title: "체계적인 시스템",
description: "단계별 학습 가이드와 정기적인 피드백으로 꾸준한 실력 향상 보장.",
},
title: "체계적인 시스템", description: "단계별 학습 가이드와 정기적인 피드백으로 꾸준한 실력 향상 보장."},
{
title: "경험 많은 강사진",
description: "수많은 골린이들을 성공시킨 노하우와 전문성을 갖춘 강사진.",
},
title: "경험 많은 강사진", description: "수많은 골린이들을 성공시킨 노하우와 전문성을 갖춘 강사진."},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-practicing-golf-moves-with-trainer_23-2148295315.jpg"
imageAlt="Golf instructor assisting a student at a modern indoor golf facility"
@@ -130,33 +101,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "개인 맞춤형 코칭",
description: "개인의 신체 조건과 스윙 스타일에 맞춰 최적의 레슨을 제공하여 빠르게 성장할 수 있도록 돕습니다.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551324.jpg",
imageAlt: "Personalized golf coaching session",
},
title: "개인 맞춤형 코칭", description: "개인의 신체 조건과 스윙 스타일에 맞춰 최적의 레슨을 제공하여 빠르게 성장할 수 있도록 돕습니다.", buttonIcon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551324.jpg", imageAlt: "Personalized golf coaching session"},
{
title: "정밀 비디오 분석",
description: "고화질 비디오 분석을 통해 미세한 스윙 문제점을 진단하고, 시각적인 피드백으로 이해도를 높입니다.",
buttonIcon: "Camera",
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551369.jpg",
imageAlt: "Golf swing video analysis",
},
title: "정밀 비디오 분석", description: "고화질 비디오 분석을 통해 미세한 스윙 문제점을 진단하고, 시각적인 피드백으로 이해도를 높입니다.", buttonIcon: Camera,
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551369.jpg", imageAlt: "Golf swing video analysis"},
{
title: "다양한 연습 환경",
description: "실내 시뮬레이터와 야외 연습장을 활용하여 실제 필드와 같은 다양한 상황에 대비할 수 있습니다.",
buttonIcon: "MapPin",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-hole-bali-indonesia_72229-855.jpg",
imageAlt: "Indoor golf practice facility",
},
title: "다양한 연습 환경", description: "실내 시뮬레이터와 야외 연습장을 활용하여 실제 필드와 같은 다양한 상황에 대비할 수 있습니다.", buttonIcon: MapPin,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-hole-bali-indonesia_72229-855.jpg", imageAlt: "Indoor golf practice facility"},
{
title: "필드 전략 레슨",
description: "단순한 스윙 교정을 넘어, 실제 필드에서 필요한 코스 매니지먼트와 상황별 전략을 교육합니다.",
buttonIcon: "Flag",
imageSrc: "http://img.b2bpic.net/free-photo/golf-friends-shaking-hands-golf-field_23-2148295292.jpg",
imageAlt: "Golf course management strategy",
},
title: "필드 전략 레슨", description: "단순한 스윙 교정을 넘어, 실제 필드에서 필요한 코스 매니지먼트와 상황별 전략을 교육합니다.", buttonIcon: Flag,
imageSrc: "http://img.b2bpic.net/free-photo/golf-friends-shaking-hands-golf-field_23-2148295292.jpg", imageAlt: "Golf course management strategy"},
]}
title="스윙랩의 특별한 레슨 시스템"
description="초보 골퍼를 위한 체계적인 커리큘럼으로 3개월 안에 확실한 변화를 약속합니다."
@@ -170,28 +125,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1,200+",
title: "누적 수강생",
items: [
"초보 골퍼 전문",
],
id: "m1", value: "1,200+", title: "누적 수강생", items: [
"초보 골퍼 전문"],
},
{
id: "m2",
value: "90%",
title: "필드 데뷔 성공률",
items: [
"3개월 집중 과정",
],
id: "m2", value: "90%", title: "필드 데뷔 성공률", items: [
"3개월 집중 과정"],
},
{
id: "m3",
value: "만족도",
title: "높은 레슨",
items: [
"실제 후기로 증명",
],
id: "m3", value: "만족도", title: "높은 레슨", items: [
"실제 후기로 증명"],
},
]}
title="스윙랩이 증명하는 놀라운 결과"
@@ -206,61 +149,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "입문",
badgeIcon: User,
price: "₩ 0",
subtitle: "무료 체험 레슨",
buttons: [
id: "basic", badge: "입문", badgeIcon: User,
price: "₩ 0", subtitle: "무료 체험 레슨", buttons: [
{
text: "지금 신청하기",
href: "#contact",
},
text: "지금 신청하기", href: "#contact"},
],
features: [
"1회 1:1 맞춤 레슨",
"스윙 진단 및 상담",
"장비 무료 대여",
],
"1회 1:1 맞춤 레슨", "스윙 진단 및 상담", "장비 무료 대여"],
},
{
id: "standard",
badge: "기본",
badgeIcon: Award,
price: "₩ 500,000",
subtitle: "초보자 성장 패키지 (1개월)",
buttons: [
id: "standard", badge: "기본", badgeIcon: Award,
price: "₩ 500,000", subtitle: "초보자 성장 패키지 (1개월)", buttons: [
{
text: "플랜 상세 보기",
href: "#contact",
},
text: "플랜 상세 보기", href: "#contact"},
],
features: [
"월 8회 1:1 레슨",
"정밀 비디오 분석",
"개인 연습 공간 제공",
"필드 레슨 1회 포함",
],
"월 8회 1:1 레슨", "정밀 비디오 분석", "개인 연습 공간 제공", "필드 레슨 1회 포함"],
},
{
id: "premium",
badge: "프리미엄",
badgeIcon: Crown,
price: "₩ 1,200,000",
subtitle: "필드 데뷔 마스터 (3개월)",
buttons: [
id: "premium", badge: "프리미엄", badgeIcon: Crown,
price: "₩ 1,200,000", subtitle: "필드 데뷔 마스터 (3개월)", buttons: [
{
text: "플랜 상세 보기",
href: "#contact",
},
text: "플랜 상세 보기", href: "#contact"},
],
features: [
"총 24회 1:1 레슨",
"전문 트레이닝",
"무제한 연습 공간",
"필드 레슨 3회 포함",
"장비 구매 컨설팅",
],
"총 24회 1:1 레슨", "전문 트레이닝", "무제한 연습 공간", "필드 레슨 3회 포함", "장비 구매 컨설팅"],
},
]}
title="당신에게 딱 맞는 레슨 플랜"
@@ -275,45 +188,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "김민준",
handle: "@minjun_kim",
testimonial: "골프를 시작하고 싶었지만 막막했는데, 스윙랩 덕분에 3개월 만에 필드에 나갈 수 있었어요! 너무 감사합니다.",
imageSrc: "http://img.b2bpic.net/free-photo/put-big-smile-your-face_329181-14435.jpg",
imageAlt: "Male golfer smiling",
},
id: "t1", name: "김민준", handle: "@minjun_kim", testimonial: "골프를 시작하고 싶었지만 막막했는데, 스윙랩 덕분에 3개월 만에 필드에 나갈 수 있었어요! 너무 감사합니다.", imageSrc: "http://img.b2bpic.net/free-photo/put-big-smile-your-face_329181-14435.jpg", imageAlt: "Male golfer smiling"},
{
id: "t2",
name: "박서윤",
handle: "@seoyun_park",
testimonial: "유튜브로 독학하다 포기했는데, 1:1 코칭으로 문제점을 정확히 짚어주셔서 비거리가 확 늘었어요. 최고예요!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-swinging-golf-club-sunny-day_23-2151993062.jpg",
imageAlt: "Female golfer happy",
},
id: "t2", name: "박서윤", handle: "@seoyun_park", testimonial: "유튜브로 독학하다 포기했는데, 1:1 코칭으로 문제점을 정확히 짚어주셔서 비거리가 확 늘었어요. 최고예요!", imageSrc: "http://img.b2bpic.net/free-photo/woman-swinging-golf-club-sunny-day_23-2151993062.jpg", imageAlt: "Female golfer happy"},
{
id: "t3",
name: "이하준",
handle: "@hajun_lee",
testimonial: "바쁜 일정에도 불구하고 효율적인 레슨 덕분에 빠르게 실력이 향상되었습니다. 시간 대비 만족도가 정말 높아요.",
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-golf-photorealistic-environment_23-2151489842.jpg",
imageAlt: "Young male golfer",
},
id: "t3", name: "이하준", handle: "@hajun_lee", testimonial: "바쁜 일정에도 불구하고 효율적인 레슨 덕분에 빠르게 실력이 향상되었습니다. 시간 대비 만족도가 정말 높아요.", imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-golf-photorealistic-environment_23-2151489842.jpg", imageAlt: "Young male golfer"},
{
id: "t4",
name: "정지은",
handle: "@jieun_jeong",
testimonial: "처음부터 제대로 배우니 나쁜 습관이 생길 걱정 없이 안정적인 스윙을 만들 수 있었습니다. 강사님들 열정이 대단해요.",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pink-tshirt-looking-away_23-2148295288.jpg",
imageAlt: "Female golfer confident",
},
id: "t4", name: "정지은", handle: "@jieun_jeong", testimonial: "처음부터 제대로 배우니 나쁜 습관이 생길 걱정 없이 안정적인 스윙을 만들 수 있었습니다. 강사님들 열정이 대단해요.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pink-tshirt-looking-away_23-2148295288.jpg", imageAlt: "Female golfer confident"},
{
id: "t5",
name: "최도현",
handle: "@dohyun_choi",
testimonial: "골프가 이렇게 즐거운 운동인 줄 몰랐습니다. 필드 나갈 때마다 자신감이 넘쳐요. 주변에도 추천하고 있습니다!",
imageSrc: "http://img.b2bpic.net/free-photo/golfer-taking-clubs-from-bag-golf-cart_171337-6544.jpg",
imageAlt: "Satisfied male customer golf",
},
id: "t5", name: "최도현", handle: "@dohyun_choi", testimonial: "골프가 이렇게 즐거운 운동인 줄 몰랐습니다. 필드 나갈 때마다 자신감이 넘쳐요. 주변에도 추천하고 있습니다!", imageSrc: "http://img.b2bpic.net/free-photo/golfer-taking-clubs-from-bag-golf-cart_171337-6544.jpg", imageAlt: "Satisfied male customer golf"},
]}
title="수강생들의 생생한 스윙랩 후기"
description="골프에 대한 두려움을 극복하고 자신감을 찾은 수강생들의 진솔한 이야기를 들어보세요."
@@ -329,26 +212,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "i1",
name: "강현우 프로",
role: "헤드 프로",
imageSrc: "http://img.b2bpic.net/free-photo/funny-scene-with-people-golf-course_23-2150551358.jpg",
imageAlt: "Kang Hyun-woo, Head Pro",
},
id: "i1", name: "강현우 프로", role: "헤드 프로", imageSrc: "http://img.b2bpic.net/free-photo/funny-scene-with-people-golf-course_23-2150551358.jpg", imageAlt: "Kang Hyun-woo, Head Pro"},
{
id: "i2",
name: "김예진 프로",
role: "수석 코치",
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551313.jpg",
imageAlt: "Kim Ye-jin, Senior Coach",
},
id: "i2", name: "김예진 프로", role: "수석 코치", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551313.jpg", imageAlt: "Kim Ye-jin, Senior Coach"},
{
id: "i3",
name: "박준서 프로",
role: "주니어 코치",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-player_23-2150947289.jpg",
imageAlt: "Park Jun-seo, Junior Coach",
},
id: "i3", name: "박준서 프로", role: "주니어 코치", imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-player_23-2150947289.jpg", imageAlt: "Park Jun-seo, Junior Coach"},
]}
title="최고의 강사진과 함께하세요"
description="풍부한 경험과 전문성을 갖춘 스윙랩 강사진이 당신의 골프 여정을 함께합니다."
@@ -360,25 +228,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "골프를 한 번도 쳐본 적이 없는데 괜찮을까요?",
content: "네, 스윙랩은 골프를 처음 시작하는 '골린이' 분들을 위한 전문 아카데미입니다. 기본기부터 차근차근 쉽고 재미있게 가르쳐 드립니다.",
},
id: "q1", title: "골프를 한 번도 쳐본 적이 없는데 괜찮을까요?", content: "네, 스윙랩은 골프를 처음 시작하는 '골린이' 분들을 위한 전문 아카데미입니다. 기본기부터 차근차근 쉽고 재미있게 가르쳐 드립니다."},
{
id: "q2",
title: "레슨 기간은 얼마나 되나요?",
content: "개인의 학습 속도와 목표에 따라 다르지만, 보통 3개월 과정으로 필드 데뷔를 목표로 합니다. 원하시는 기간에 맞춰 유동적으로 조절 가능합니다.",
},
id: "q2", title: "레슨 기간은 얼마나 되나요?", content: "개인의 학습 속도와 목표에 따라 다르지만, 보통 3개월 과정으로 필드 데뷔를 목표로 합니다. 원하시는 기간에 맞춰 유동적으로 조절 가능합니다."},
{
id: "q3",
title: "장비는 꼭 구매해야 하나요?",
content: "처음에는 장비를 무료로 대여해 드립니다. 충분히 경험해보시고 전문가의 상담을 통해 구매 결정을 하시는 것을 추천합니다.",
},
id: "q3", title: "장비는 꼭 구매해야 하나요?", content: "처음에는 장비를 무료로 대여해 드립니다. 충분히 경험해보시고 전문가의 상담을 통해 구매 결정을 하시는 것을 추천합니다."},
{
id: "q4",
title: "무료 체험 레슨은 어떻게 신청하나요?",
content: "본 페이지 하단의 '무료 체험 레슨 신청하기' 버튼을 통해 간편하게 신청하실 수 있습니다. 전문 코치가 빠르게 연락드립니다.",
},
id: "q4", title: "무료 체험 레슨은 어떻게 신청하나요?", content: "본 페이지 하단의 '무료 체험 레슨 신청하기' 버튼을 통해 간편하게 신청하실 수 있습니다. 전문 코치가 빠르게 연락드립니다."},
]}
sideTitle="자주 묻는 질문"
sideDescription="스윙랩에 대해 궁금한 점이 있으신가요? 가장 많이 묻는 질문들을 모았습니다."
@@ -392,14 +248,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="지금 바로 무료 체험 레슨을 신청하고 골프 실력을 한 단계 업그레이드하세요!"
buttons={[
{
text: "무료 체험 레슨 신청하기",
href: "#",
},
text: "무료 체험 레슨 신청하기", href: "#"},
]}
/>
</div>
@@ -410,13 +263,9 @@ export default function LandingPage() {
logoAlt="SWING LAB Logo"
logoText="SWING LAB"
leftLink={{
text: "스윙랩 소개",
href: "#about",
}}
text: "스윙랩 소개", href: "#about"}}
rightLink={{
text: "문의하기",
href: "#contact",
}}
text: "문의하기", href: "#contact"}}
/>
</div>
</ReactLenis>