bender/9c874c32-72a4-43c3-b8e7-e61efafc3e06
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-04-21 00:01:51 +00:00
parent 6cb6bba379
commit ccbdcf4b1a
1 changed files with 48 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

336
src/app/page.tsx
View File

@@ -31,86 +31,38 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Brews",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Brews", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Kayla'a Beach Resort & Blackeye Brewing"
brandName="Kayla's Beach Resort & Blackeye Brewing"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Unwind in Paradise at Kayla's Beach Resort"
description="Experience the ultimate coastal getaway where luxury meets craft. Sip our house-brewed Blackeye beer as you watch the sunset from our pristine beachfront terrace."
buttons={[
{
text: "Book Your Escape",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Escape", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/golden-sunset-calm-ocean_84443-83890.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/golden-sunset-ocean_84443-83873.jpg",
alt: "Guest A",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11204.jpg",
alt: "Guest B",
},
{
src: "http://img.b2bpic.net/free-photo/sunset-water-texture_1127-3884.jpg",
alt: "Guest C",
},
{
src: "http://img.b2bpic.net/free-photo/golden-hour-ocean-waves-sunset_23-2151994377.jpg",
alt: "Guest D",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16512.jpg",
alt: "Guest E",
},
{ src: "http://img.b2bpic.net/free-photo/golden-sunset-ocean_84443-83873.jpg", alt: "Guest A" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11204.jpg", alt: "Guest B" },
{ src: "http://img.b2bpic.net/free-photo/sunset-water-texture_1127-3884.jpg", alt: "Guest C" },
{ src: "http://img.b2bpic.net/free-photo/golden-hour-ocean-waves-sunset_23-2151994377.jpg", alt: "Guest D" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16512.jpg", alt: "Guest E" }
]}
avatarText="Join 15,000+ Happy Guests"
marqueeItems={[
{
type: "text",
text: "Oceanfront Suites",
},
{
type: "text",
text: "Artisan Craft Beer",
},
{
type: "text",
text: "Sunset Terrace",
},
{
type: "text",
text: "Private Beach",
},
{
type: "text",
text: "Award Winning",
},
{ type: "text", text: "Oceanfront Suites" },
{ type: "text", text: "Artisan Craft Beer" },
{ type: "text", text: "Sunset Terrace" },
{ type: "text", text: "Private Beach" },
{ type: "text", text: "Award Winning" }
]}
/>
</div>
@@ -119,19 +71,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Where Coastal Luxury Meets ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wooden-deck-shore-surrounded-by-rocks-sea-cloudy-sky_181624-12335.jpg",
alt: "About Kayla's",
},
{
type: "text",
content: " Artisan Brewing",
},
{ type: "text", content: "Where Coastal Luxury Meets " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/wooden-deck-shore-surrounded-by-rocks-sea-cloudy-sky_181624-12335.jpg", alt: "About Kayla's" },
{ type: "text", content: " Artisan Brewing" }
]}
/>
</div>
@@ -143,21 +85,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Beachfront Suites",
description: "Wake up to the sound of waves.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-sun-shining-from-clouds-reflecting-off-sea_181624-45456.jpg",
},
{
title: "Blackeye Brewery",
description: "Small-batch craft beer on-site.",
imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-beer-marble-table-high-quality-photo_114579-67357.jpg",
},
{
title: "Sunset Terrace",
description: "Relax with our signature brew.",
imageSrc: "http://img.b2bpic.net/free-photo/grass-beach-surrounded-by-sea-beautiful-sunset-jesolo-italy_181624-61474.jpg",
},
{ title: "Beachfront Suites", description: "Wake up to the sound of waves.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-sun-shining-from-clouds-reflecting-off-sea_181624-45456.jpg" },
{ title: "Blackeye Brewery", description: "Small-batch craft beer on-site.", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-beer-marble-table-high-quality-photo_114579-67357.jpg" },
{ title: "Sunset Terrace", description: "Relax with our signature brew.", imageSrc: "http://img.b2bpic.net/free-photo/grass-beach-surrounded-by-sea-beautiful-sunset-jesolo-italy_181624-61474.jpg" }
]}
title="Amenities & Experiences"
description="Discover everything Kayla's has to offer, from private beachfront suites to our signature Blackeye Brewing craft brewery."
@@ -171,48 +101,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Golden Sunset Ale",
price: "$8",
variant: "Light & Crisp",
imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-with-bubbles_23-2148215852.jpg",
},
{
id: "p2",
name: "Coastal Haze IPA",
price: "$9",
variant: "Hoppy & Floral",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg",
},
{
id: "p3",
name: "Midnight Tide Stout",
price: "$10",
variant: "Rich & Dark",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beer-glass-with-froth_107420-65351.jpg",
},
{
id: "p4",
name: "Lemon Breezy Wheat",
price: "$8",
variant: "Fresh & Tart",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-pouring-drink_23-2149454390.jpg",
},
{
id: "p5",
name: "Tropical Hop Wave",
price: "$9",
variant: "Citrusy",
imageSrc: "http://img.b2bpic.net/free-photo/barman-brown-apron-pouring-fresh-beer-with-foam_651396-1299.jpg",
},
{
id: "p6",
name: "Sand Dune Amber",
price: "$8",
variant: "Smooth",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg",
},
{ id: "p1", name: "Golden Sunset Ale", price: "$8", variant: "Light & Crisp", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-with-bubbles_23-2148215852.jpg" },
{ id: "p2", name: "Coastal Haze IPA", price: "$9", variant: "Hoppy & Floral", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg" },
{ id: "p3", name: "Midnight Tide Stout", price: "$10", variant: "Rich & Dark", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beer-glass-with-froth_107420-65351.jpg" },
{ id: "p4", name: "Lemon Breezy Wheat", price: "$8", variant: "Fresh & Tart", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-pouring-drink_23-2149454390.jpg" },
{ id: "p5", name: "Tropical Hop Wave", price: "$9", variant: "Citrusy", imageSrc: "http://img.b2bpic.net/free-photo/barman-brown-apron-pouring-fresh-beer-with-foam_651396-1299.jpg" },
{ id: "p6", name: "Sand Dune Amber", price: "$8", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg" }
]}
title="Blackeye Brewing Signature Ales"
description="Handcrafted perfection poured daily."
@@ -225,59 +119,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "standard",
badge: "Popular",
price: "$250/nt",
subtitle: "Beach View Standard",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Wifi",
"Private Balcony",
"Beach Access",
],
},
{
id: "deluxe",
badge: "Premium",
price: "$450/nt",
subtitle: "Deluxe Ocean Suite",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Wifi",
"Private Balcony",
"Beach Access",
"Breakfast",
],
},
{
id: "ultra",
badge: "Luxury",
price: "$750/nt",
subtitle: "Beach Villa",
buttons: [
{
text: "Book",
href: "#contact",
},
],
features: [
"Wifi",
"Private Balcony",
"Private Pool",
"Butler",
],
},
{ id: "standard", badge: "Popular", price: "$250/nt", subtitle: "Beach View Standard", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Beach Access"] },
{ id: "deluxe", badge: "Premium", price: "$450/nt", subtitle: "Deluxe Ocean Suite", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Beach Access", "Breakfast"] },
{ id: "ultra", badge: "Luxury", price: "$750/nt", subtitle: "Beach Villa", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Private Pool", "Butler"] }
]}
title="Stay With Us"
description="Choose your ideal beach getaway plan."
@@ -288,37 +132,11 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="split"
useInvertedBackground={false}
animationType="depth-3d"
metrics={[
{
id: "m1",
value: "15+",
title: "Years Brewing",
items: [
"Traditional",
"Quality",
"Local",
],
},
{
id: "m2",
value: "20+",
title: "Reviews",
items: [
"5-Star",
"Traveler Pick",
"Recommended",
],
},
{
id: "m3",
value: "100%",
title: "Beachfront",
items: [
"Access",
"Private",
"View",
],
},
{ id: "m1", value: "15+", title: "Years Brewing", items: ["Traditional", "Quality", "Local"] },
{ id: "m2", value: "20+", title: "Reviews", items: ["5-Star", "Traveler Pick", "Recommended"] },
{ id: "m3", value: "100%", title: "Beachfront", items: ["Access", "Private", "View"] }
]}
title="Resort Highlights"
description="Quality and consistency delivered daily."
@@ -331,60 +149,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Traveler",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-girl-her-african-american-boyfriend-relaxing-near-swimming-pool-girl-wearing-white-swimwear-sunglasses_1157-49708.jpg",
},
{
id: "2",
name: "Mark D.",
role: "Blogger",
company: "Travel Daily",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2354.jpg",
},
{
id: "3",
name: "Elena R.",
role: "Visitor",
company: "Guest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-female-with-attractive-look-has-broad-pleasant-smile-wears-summer-hat-drinks-fresh-cocktail-exotic-beverage-makes-selfie-people-recreation-positiveness-concept_273609-2355.jpg",
},
{
id: "4",
name: "David W.",
role: "Visitor",
company: "Guest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
},
{
id: "5",
name: "Alice P.",
role: "Visitor",
company: "Guest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg",
},
{ id: "1", name: "Sarah J.", role: "Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-girl-her-african-american-boyfriend-relaxing-near-swimming-pool-girl-wearing-white-swimwear-sunglasses_1157-49708.jpg" },
{ id: "2", name: "Mark D.", role: "Blogger", company: "Travel Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2354.jpg" },
{ id: "3", name: "Elena R.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-female-with-attractive-look-has-broad-pleasant-smile-wears-summer-hat-drinks-fresh-cocktail-exotic-beverage-makes-selfie-people-recreation-positiveness-concept_273609-2355.jpg" },
{ id: "4", name: "David W.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg" },
{ id: "5", name: "Alice P.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg" }
]}
kpiItems={[
{
value: "5/5",
label: "Rating",
},
{
value: "98%",
label: "Satisfaction",
},
{
value: "15k+",
label: "Brews",
},
{ value: "5/5", label: "Rating" },
{ value: "98%", label: "Satisfaction" },
{ value: "15k+", label: "Brews" }
]}
title="Guest Experiences"
description="Read what our guests say."
@@ -397,24 +171,10 @@ export default function LandingPage() {
title="Reserve Your Stay"
description="Contact us today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true }
]}
textarea={{
name: "message",
placeholder: "Special requests",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Special requests", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/ship-sea-with-beautiful-sunset-reflecting-surface_181624-5675.jpg"
/>
</div>