Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1874b9acf3 | |||
| d706808006 |
142
src/app/page.tsx
142
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Lesson",
|
||||
id: "#lesson",
|
||||
},
|
||||
name: "Lesson", id: "lesson"},
|
||||
{
|
||||
name: "Pengar",
|
||||
id: "#pengar",
|
||||
},
|
||||
name: "Pengar", id: "pengar"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="LokaSurf"
|
||||
/>
|
||||
@@ -52,9 +46,7 @@ export default function LandingPage() {
|
||||
description="Your first surf lesson in Kuta Lombok — with a local who actually teaches you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book your lesson — €40",
|
||||
href: "#lesson",
|
||||
},
|
||||
text: "Book your lesson — €40", href: "#lesson"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg"
|
||||
imageAlt="beginner surfer standing Lombok sunrise"
|
||||
@@ -62,25 +54,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-surfer-surfing-man-with-surfboard-handsome-young-male-athlete-holding-surf-board-with-wet-hair-summer-beach-sport-holiday-sports-travel-destination-surfing-lifestyle_1321-4070.jpg",
|
||||
alt: "Sexy surfer surfing man with surfboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-surfer-surfing-man-with-surfboard-handsome-young-male-athlete-holding-surf-board-with-wet-hair-summer-beach-sport-holiday-sports-travel-destination-surfing-lifestyle_1321-4070.jpg", alt: "Sexy surfer surfing man with surfboard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-surfer-preparing-surfboard-ocean-waxing-woman-with-surfboard-ocean-active-lifestyle-water-sports_1321-4224.jpg",
|
||||
alt: "Young woman surfer preparing a surfboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-surfer-preparing-surfboard-ocean-waxing-woman-with-surfboard-ocean-active-lifestyle-water-sports_1321-4224.jpg", alt: "Young woman surfer preparing a surfboard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-with-surfboard-ocean_1321-4188.jpg",
|
||||
alt: "Young handsome man with a surfboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-with-surfboard-ocean_1321-4188.jpg", alt: "Young handsome man with a surfboard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-standing-by-surfboard-summer-beach_1262-19435.jpg",
|
||||
alt: "Young man standing by surfboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-standing-by-surfboard-summer-beach_1262-19435.jpg", alt: "Young man standing by surfboard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-ready-surfing_23-2147647168.jpg",
|
||||
alt: "Young guy ready for surfing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-ready-surfing_23-2147647168.jpg", alt: "Young guy ready for surfing"},
|
||||
]}
|
||||
avatarText="Join our growing community of learners"
|
||||
/>
|
||||
@@ -94,23 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "2 hours in the water",
|
||||
description: "Board included, transport to the spot included, water is warm 28-30°C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kind-father-with-mechanical-leg-daughter-near-ocean-mid-adult-man-helping-little-dark-haired-girl-adjust-surfboard-family-leisure-active-lifestyle-concept_74855-22133.jpg",
|
||||
imageAlt: "surf lesson Lombok shallow water",
|
||||
},
|
||||
title: "2 hours in the water", description: "Board included, transport to the spot included, water is warm 28-30°C.", imageSrc: "http://img.b2bpic.net/free-photo/kind-father-with-mechanical-leg-daughter-near-ocean-mid-adult-man-helping-little-dark-haired-girl-adjust-surfboard-family-leisure-active-lifestyle-concept_74855-22133.jpg", imageAlt: "surf lesson Lombok shallow water"},
|
||||
{
|
||||
title: "Just you and Pengar",
|
||||
description: "Private, one-on-one attention from the beach warm-up to the water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-woman-with-toothy-smile-has-relaxed-expression-being-high-spirit-poses-coastline_273609-17789.jpg",
|
||||
imageAlt: "smiling Indonesian surf instructor",
|
||||
},
|
||||
title: "Just you and Pengar", description: "Private, one-on-one attention from the beach warm-up to the water.", imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-woman-with-toothy-smile-has-relaxed-expression-being-high-spirit-poses-coastline_273609-17789.jpg", imageAlt: "smiling Indonesian surf instructor"},
|
||||
{
|
||||
title: "You'll stand up",
|
||||
description: "We take beginners who have never touched a board and get them riding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-barefooted-young-surfer-standing-sandy-beach-against-high-rocky-shore-with-vegetation-carrying-his-white-surfboard-ready-hit-waves_273609-1520.jpg",
|
||||
imageAlt: "beginner surfer standing Lombok sunrise",
|
||||
},
|
||||
title: "You'll stand up", description: "We take beginners who have never touched a board and get them riding.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-barefooted-young-surfer-standing-sandy-beach-against-high-rocky-shore-with-vegetation-carrying-his-white-surfboard-ready-hit-waves_273609-1520.jpg", imageAlt: "beginner surfer standing Lombok sunrise"},
|
||||
]}
|
||||
title="Your Lesson"
|
||||
description="Simple, honest, and built for your first time."
|
||||
@@ -125,13 +95,9 @@ export default function LandingPage() {
|
||||
description="Born in Lombok. Been surfing since I was a kid. I like teaching beginners because the first wave is the best wave — every time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Local Expert",
|
||||
description: "Lombok born and bred.",
|
||||
},
|
||||
title: "Local Expert", description: "Lombok born and bred."},
|
||||
{
|
||||
title: "Patient Teacher",
|
||||
description: "Specializing in first-timers.",
|
||||
},
|
||||
title: "Patient Teacher", description: "Specializing in first-timers."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-pleased-youngster-with-toothy-smile-wears-black-wetsuit_273609-18088.jpg"
|
||||
imageAlt="smiling Indonesian surf instructor"
|
||||
@@ -144,16 +110,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="This is not a gym class."
|
||||
description="You're not here to follow instructions. You're here to surf.\n\nA local instructor doesn't read you a safety checklist and count to three. He reads the wave for you, positions you at the right second, and pushes you when the moment is right.\n\nThat's the difference between catching five waves in two hours and catching one. Book a local. Surf more."
|
||||
description="You're not here to follow instructions. You're here to surf."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real Waves",
|
||||
description: "We surf at the best spots for your level.",
|
||||
},
|
||||
title: "Real Waves", description: "We surf at the best spots for your level."},
|
||||
{
|
||||
title: "Instant Feedback",
|
||||
description: "We help you adjust your stance on every wave.",
|
||||
},
|
||||
title: "Instant Feedback", description: "We help you adjust your stance on every wave."},
|
||||
]}
|
||||
mediaAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-recreateion_273609-44331.jpg"
|
||||
@@ -168,22 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "price-main",
|
||||
title: "Private Surf Lesson",
|
||||
price: "€40",
|
||||
period: "/ 700k IDR",
|
||||
features: [
|
||||
"2-hour private session",
|
||||
"Board & transport included",
|
||||
"No wetsuit needed",
|
||||
],
|
||||
id: "price-main", title: "Private Surf Lesson", price: "€40", period: "/ 700k IDR", features: [
|
||||
"2-hour private session", "Board & transport included", "No wetsuit needed"],
|
||||
button: {
|
||||
text: "Book now",
|
||||
href: "https://buy.stripe.com/buy_btn_1TUNE51wqfkspfMI0veLsJjC",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg",
|
||||
imageAlt: "A young man traveler in a cap with a backpack and a camera, takes pictures. Travel photography.",
|
||||
},
|
||||
text: "Book now", href: "https://buy.stripe.com/buy_btn_1TUNE51wqfkspfMI0veLsJjC"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg", imageAlt: "A young man traveler in a cap with a backpack and a camera, takes pictures. Travel photography."},
|
||||
]}
|
||||
title="Book Your Spot"
|
||||
description="2-hour private lesson · board + transport included · wetsuit not needed."
|
||||
@@ -196,25 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "I've never surfed before. Is this for me?",
|
||||
content: "Yes. Most of our students have never been on a board.",
|
||||
},
|
||||
id: "1", title: "I've never surfed before. Is this for me?", content: "Yes. Most of our students have never been on a board."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need to bring anything?",
|
||||
content: "Just swimwear, sunscreen, and water. We bring the board.",
|
||||
},
|
||||
id: "2", title: "Do I need to bring anything?", content: "Just swimwear, sunscreen, and water. We bring the board."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What if the weather is bad?",
|
||||
content: "We reschedule, or you get a full refund.",
|
||||
},
|
||||
id: "3", title: "What if the weather is bad?", content: "We reschedule, or you get a full refund."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I pay?",
|
||||
content: "Securely with card via Stripe. You'll get a receipt by email.",
|
||||
},
|
||||
id: "4", title: "How do I pay?", content: "Securely with card via Stripe. You'll get a receipt by email."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know before you hit the water."
|
||||
@@ -226,16 +165,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to ride?"
|
||||
title="Your surf journey starts here."
|
||||
description="Let's get you in the water."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book your lesson",
|
||||
href: "https://buy.stripe.com/buy_btn_1TUNE51wqfkspfMI0veLsJjC",
|
||||
},
|
||||
text: "Book your lesson", href: "https://buy.stripe.com/buy_btn_1TUNE51wqfkspfMI0veLsJjC"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -245,29 +181,19 @@ export default function LandingPage() {
|
||||
logoText="LokaSurf"
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:lokasurf.team@gmail.com",
|
||||
},
|
||||
label: "Contact", href: "mailto:lokasurf.team@gmail.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/lokasurf",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/lokasurf"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -277,4 +203,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user