From ccbdcf4b1ad76bcd553761b77925f5c5aa794949 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 00:01:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 336 +++++++----------------------------------------
 1 file changed, 48 insertions(+), 288 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a5bfa14..ab9013c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>