bender/8d653424-244e-47b4-88db-101bcf8b7bb2
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-05-15 05:35:59 +00:00
parent 57f459ab24
commit 44a65bd434
1 changed files with 34 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Oksurflombok"
/>
@@ -62,16 +47,10 @@ export default function LandingPage() {
logoText="Oksurflombok"
description="Catch your first wave in the breathtaking waters of Lombok. Our professional instructors and high-quality gear will ensure an unforgettable surfing adventure."
buttons={[
{
text: "Book Lesson",
href: "#contact",
},
{
text: "View Pricing",
href: "#pricing",
},
{ text: "Book Lesson", href: "#contact" },
{ text: "View Pricing", href: "#pricing" },
]}
imageSrc="http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1369.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1369.jpg"
/>
</div>
@@ -80,10 +59,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Welcome to Oksurflombok Surf School"
buttons={[
{
text: "Meet the Team",
href: "#contact",
},
{ text: "Meet the Team", href: "#contact" },
]}
/>
</div>
@@ -95,22 +71,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Top-Tier Gear",
description: "Professional quality surfboards tailored for all skill levels.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-guy-with-surf-boards-heads-rock-shore-near-sea_23-2148021691.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/men-girls-are-surfing_1321-1097.jpg",
},
title: "Top-Tier Gear", description: "Professional quality surfboards tailored for all skill levels.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg", imageAlt: "surfboard equipment set" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-lady-guy-with-surf-boards-heads-rock-shore-near-sea_23-2148021691.jpg", imageAlt: "private surf lesson class" },
{ imageSrc: "http://img.b2bpic.net/free-photo/men-girls-are-surfing_1321-1097.jpg", imageAlt: "best surfing spot lombok" },
],
imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1369.jpg?_wi=2",
imageAlt: "surfboard equipment set",
},
]}
title="Why Choose Us"
@@ -125,42 +90,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Beginner Board",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/sexy-girl-with-surfboard-beach_23-2148000172.jpg",
},
{
id: "2",
name: "Discovery Session",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/serious-surfer-wetsuit-wearing-artificial-limb-waxing-board-sand-ocean-beach_74855-16459.jpg",
},
{
id: "3",
name: "Surf Wetsuit",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-swimsuit_23-2148769004.jpg",
},
{
id: "4",
name: "Soft Top Longboard",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-fit-happy-woman-running-with-surf-board-california-beach_291049-1974.jpg",
},
{
id: "5",
name: "Advanced Surf Clinic",
price: "$90",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-family-getting-ready-picnic_74855-24295.jpg",
},
{
id: "6",
name: "Wax & Accessories Kit",
price: "$5",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shallow-focus-shot-european-female-with-surfboard_181624-52603.jpg",
},
{ id: "1", name: "Beginner Board", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/sexy-girl-with-surfboard-beach_23-2148000172.jpg" },
{ id: "2", name: "Discovery Session", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/serious-surfer-wetsuit-wearing-artificial-limb-waxing-board-sand-ocean-beach_74855-16459.jpg" },
{ id: "3", name: "Surf Wetsuit", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-swimsuit_23-2148769004.jpg" },
{ id: "4", name: "Soft Top Longboard", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-fit-happy-woman-running-with-surf-board-california-beach_291049-1974.jpg" },
{ id: "5", name: "Advanced Surf Clinic", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/african-american-family-getting-ready-picnic_74855-24295.jpg" },
{ id: "6", name: "Wax & Accessories Kit", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shallow-focus-shot-european-female-with-surfboard_181624-52603.jpg" },
]}
title="Surf Packages"
description="Explore our curated surfing experiences and equipment rentals."
@@ -174,39 +109,12 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Discovery",
price: "$45",
period: "/session",
description: "Perfect for first-timers.",
button: {
text: "Book Now",
href: "#contact",
},
featuresTitle: "Includes",
features: [
"1 Surf Instructor",
"Equipment Rental",
"Beach Safety Briefing",
],
id: "basic", tag: "Discovery", price: "$45", period: "/session", description: "Perfect for first-timers.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes", features: ["1 Surf Instructor", "Equipment Rental", "Beach Safety Briefing"]
},
{
id: "pro",
tag: "Expedition",
price: "$120",
period: "/day",
description: "For those seeking the ultimate surf day.",
button: {
text: "Book Now",
href: "#contact",
},
featuresTitle: "Includes",
features: [
"Guided Surf Tour",
"Multiple Sessions",
"Full Equipment Rental",
"Video Review",
],
id: "pro", tag: "Expedition", price: "$120", period: "/day", description: "For those seeking the ultimate surf day.", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes", features: ["Guided Surf Tour", "Multiple Sessions", "Full Equipment Rental", "Video Review"]
},
]}
title="Pricing Plans"
@@ -220,24 +128,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Waves,
title: "Students Taught",
value: "2,500+",
},
{
id: "m2",
icon: Award,
title: "Years Experience",
value: "10+",
},
{
id: "m3",
icon: MapPin,
title: "Surf Locations",
value: "5",
},
{ id: "m1", icon: Waves, title: "Students Taught", value: "2,500+" },
{ id: "m2", icon: Award, title: "Years Experience", value: "10+" },
{ id: "m3", icon: MapPin, title: "Surf Locations", value: "5" },
]}
title="Our Impact"
description="Helping thousands discover the joy of the ocean."
@@ -250,41 +143,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah",
handle: "@sarahsurf",
testimonial: "An incredible experience learning to surf! The instructors were very patient.",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-attractive-woman-uses-wax-safe-surfing-has-appealing-appearance_273609-17731.jpg",
},
{
id: "t2",
name: "Mark",
handle: "@markrides",
testimonial: "Lombok waves are perfect for beginners. Oksurflombok made it so easy.",
imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1368.jpg",
},
{
id: "t3",
name: "Elena",
handle: "@elena_ocean",
testimonial: "Safety first and a lot of fun. I finally caught my first wave!",
imageSrc: "http://img.b2bpic.net/free-photo/focused-handsome-surfer-staring-into-distance_74855-16374.jpg",
},
{
id: "t4",
name: "Jake",
handle: "@jakesurf",
testimonial: "Great instructors and amazing equipment. Can't wait to go back.",
imageSrc: "http://img.b2bpic.net/free-photo/man-wakesurfing-wave-from-boat_1321-3579.jpg",
},
{
id: "t5",
name: "Chloe",
handle: "@chloerides",
testimonial: "Professional, fun, and very supportive surfing school.",
imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-ocean-wave-getting-barreled_654080-552.jpg",
},
{ id: "t1", name: "Sarah", handle: "@sarahsurf", testimonial: "An incredible experience learning to surf! The instructors were very patient.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-attractive-woman-uses-wax-safe-surfing-has-appealing-appearance_273609-17731.jpg" },
{ id: "t2", name: "Mark", handle: "@markrides", testimonial: "Lombok waves are perfect for beginners. Oksurflombok made it so easy.", imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1368.jpg" },
{ id: "t3", name: "Elena", handle: "@elena_ocean", testimonial: "Safety first and a lot of fun. I finally caught my first wave!", imageSrc: "http://img.b2bpic.net/free-photo/focused-handsome-surfer-staring-into-distance_74855-16374.jpg" },
{ id: "t4", name: "Jake", handle: "@jakesurf", testimonial: "Great instructors and amazing equipment. Can't wait to go back.", imageSrc: "http://img.b2bpic.net/free-photo/man-wakesurfing-wave-from-boat_1321-3579.jpg" },
{ id: "t5", name: "Chloe", handle: "@chloerides", testimonial: "Professional, fun, and very supportive surfing school.", imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-ocean-wave-getting-barreled_654080-552.jpg" },
]}
title="What Surfers Say"
description="Hear from our happy students about their experience."
@@ -294,9 +157,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contact"
title="Ready to Surf?"
description="Send us your email and we'll help you schedule your first session."
@@ -306,34 +167,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Oksurflombok"
/>