Merge version_1 into main #2
132
src/app/page.tsx
132
src/app/page.tsx
@@ -17,19 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "All Rounds",
|
||||
id: "rounds",
|
||||
},
|
||||
name: "All Rounds", id: "rounds"},
|
||||
{
|
||||
name: "Post Time",
|
||||
id: "post",
|
||||
},
|
||||
name: "Post Time", id: "post"},
|
||||
]}
|
||||
brandName="GOLF FUCKS"
|
||||
/>
|
||||
@@ -38,64 +41,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Private Tee Time Board"
|
||||
description="Coordinate rounds, manage spots, and enjoy the game with your private golf circle. Simple, elegant, and efficient."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
alt: "Golf course",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", alt: "Golf course"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
alt: "Golf course",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", alt: "Golf course"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
alt: "Golf course",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", alt: "Golf course"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
alt: "Golf course",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", alt: "Golf course"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
alt: "Golf course",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", alt: "Golf course"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Post Tee Time",
|
||||
href: "#post",
|
||||
},
|
||||
text: "Post Tee Time", href: "#post"},
|
||||
{
|
||||
text: "View Rounds",
|
||||
href: "#rounds",
|
||||
},
|
||||
text: "View Rounds", href: "#rounds"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "St Andrews 08:00 AM",
|
||||
},
|
||||
type: "text", text: "St Andrews 08:00 AM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pebble Beach 10:30 AM",
|
||||
},
|
||||
type: "text", text: "Pebble Beach 10:30 AM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Augusta 12:15 PM",
|
||||
},
|
||||
type: "text", text: "Augusta 12:15 PM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pinehurst 02:00 PM",
|
||||
},
|
||||
type: "text", text: "Pinehurst 02:00 PM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Royal Troon 09:00 AM",
|
||||
},
|
||||
type: "text", text: "Royal Troon 09:00 AM"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,7 +83,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Designed for the Discerning Golfer"
|
||||
description="Our platform removes the friction from organizing golf outings. Keep your group updated, track open spots, and ensure every round is perfectly coordinated."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg"
|
||||
imageAlt="Golf lifestyle"
|
||||
/>
|
||||
</div>
|
||||
@@ -119,28 +97,13 @@ export default function LandingPage() {
|
||||
description="Everything you need to organize your group play in one centralized place."
|
||||
features={[
|
||||
{
|
||||
title: "Live Tee Times",
|
||||
description: "View all upcoming rounds posted by your group members.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg?_wi=1",
|
||||
imageAlt: "luxurious golf course sunset fairway",
|
||||
title: "Live Tee Times", description: "View all upcoming rounds posted by your group members.", bentoComponent: "reveal-icon", icon: Calendar,
|
||||
},
|
||||
{
|
||||
title: "Instant Notifications",
|
||||
description: "Never miss an update on your favorite course openings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Bell,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg?_wi=2",
|
||||
imageAlt: "golf clubhouse interior design",
|
||||
title: "Instant Notifications", description: "Never miss an update on your favorite course openings.", bentoComponent: "reveal-icon", icon: Bell,
|
||||
},
|
||||
{
|
||||
title: "Member Stats",
|
||||
description: "Track participation and rounds played for every member.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg?_wi=2",
|
||||
imageAlt: "luxurious golf course sunset fairway",
|
||||
title: "Member Stats", description: "Track participation and rounds played for every member.", bentoComponent: "reveal-icon", icon: BarChart,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -155,25 +118,9 @@ export default function LandingPage() {
|
||||
description="Tips, techniques, and etiquette for our private member community."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Technique",
|
||||
title: "Mastering the Short Game",
|
||||
excerpt: "Essential drills to improve your performance around the green.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg?_wi=3",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg",
|
||||
date: "2026-01-10",
|
||||
},
|
||||
id: "1", category: "Technique", title: "Mastering the Short Game", excerpt: "Essential drills to improve your performance around the green.", imageSrc: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg", date: "2026-01-10"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Etiquette",
|
||||
title: "Respecting the Course",
|
||||
excerpt: "A reminder on keeping our fairways and greens pristine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg?_wi=3",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg",
|
||||
date: "2026-01-15",
|
||||
},
|
||||
id: "2", category: "Etiquette", title: "Respecting the Course", excerpt: "A reminder on keeping our fairways and greens pristine.", imageSrc: "http://img.b2bpic.net/free-photo/summertime-seasonal-scene-with-monochromatic-black-white-effect_23-2151244374.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg", date: "2026-01-15"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,19 +132,13 @@ export default function LandingPage() {
|
||||
description="Have a time booked? Share it with the group so others can join you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "course",
|
||||
type: "text",
|
||||
placeholder: "Golf Course",
|
||||
required: true,
|
||||
name: "course", type: "text", placeholder: "Golf Course", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tropical-hawaii-landscape-with-palm-trees_23-2149082965.jpg"
|
||||
imageAlt="Golfing setup"
|
||||
/>
|
||||
</div>
|
||||
@@ -207,16 +148,11 @@ export default function LandingPage() {
|
||||
logoText="GOLF FUCKS"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Upcoming Rounds",
|
||||
href: "#rounds",
|
||||
},
|
||||
label: "Upcoming Rounds", href: "#rounds"},
|
||||
{
|
||||
label: "Post Tee Time",
|
||||
href: "#post",
|
||||
},
|
||||
label: "Post Tee Time", href: "#post"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user