Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Rooms",
+          name: "Rooms",          id: "rooms"},
-          id: "rooms",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Amenities",
+          name: "Amenities",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="IronHostel"
     />
@@ -55,62 +47,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Urban Grit, Modern Comfort"
       description="Experience the pulse of the city in our hand-crafted industrial sanctuary designed for travelers, digital nomads, and urban explorers."
       buttons={[
         {
-          text: "Book Your Stay",
+          text: "Book Your Stay",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/empty-cold-season-ski-resorts_482257-76518.jpg",
+          src: "http://img.b2bpic.net/free-photo/empty-cold-season-ski-resorts_482257-76518.jpg",          alt: "Guest profile"},
-          alt: "Guest profile",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
+          src: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",          alt: "Guest profile"},
-          alt: "Guest profile",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
+          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Guest profile"},
-          alt: "Guest profile",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-teens-table_23-2147678822.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-teens-table_23-2147678822.jpg",          alt: "Guest profile"},
-          alt: "Guest profile",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1881.jpg",
+          src: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1881.jpg",          alt: "Guest profile"},
-          alt: "Guest profile",
-        },
       ]}
       avatarText="Join 5,000+ happy travelers"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "24/7 Reception"},
-          text: "24/7 Reception",
-        },
         {
-          type: "text",
+          type: "text",          text: "High-speed Wi-Fi"},
-          text: "High-speed Wi-Fi",
-        },
         {
-          type: "text",
+          type: "text",          text: "Central Location"},
-          text: "Central Location",
-        },
         {
-          type: "text",
+          type: "text",          text: "Industrial Style"},
-          text: "Industrial Style",
-        },
         {
-          type: "text",
+          type: "text",          text: "Community Events"},
-          text: "Community Events",
-        },
       ]}
     />
   </div>
@@ -123,17 +92,11 @@ export default function LandingPage() {
       description="Born from a repurposed warehouse, our hostel blends history with contemporary design to create a unique living experience."
       bulletPoints={[
         {
-          title: "Historical Vibe",
+          title: "Historical Vibe",          description: "Authentic brick walls and original steel beams."},
-          description: "Authentic brick walls and original steel beams.",
-        },
         {
-          title: "Community Focus",
+          title: "Community Focus",          description: "Lounge areas meant for connection."},
-          description: "Lounge areas meant for connection.",
-        },
         {
-          title: "Modern Amenities",
+          title: "Modern Amenities",          description: "High-speed Wi-Fi and ergonomic workspaces."},
-          description: "High-speed Wi-Fi and ergonomic workspaces.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -147,32 +110,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "24/7 Access",          tags: [
-          title: "24/7 Access",
+            "Safety",            "Comfort"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/older-couple-ringing-service-bell_482257-81644.jpg"},
-            "Safety",
-            "Comfort",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/older-couple-ringing-service-bell_482257-81644.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Kitchen Lounge",          tags: [
-          title: "Kitchen Lounge",
+            "Social",            "Kitchen"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/self-service-restaurant_93675-130913.jpg"},
-            "Social",
-            "Kitchen",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/self-service-restaurant_93675-130913.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Co-working Hub",          tags: [
-          title: "Co-working Hub",
+            "Work",            "Fast Wi-Fi"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-laptop-table_23-2147689208.jpg"},
-            "Work",
-            "Fast Wi-Fi",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-laptop-table_23-2147689208.jpg",
-        },
       ]}
       title="Everything You Need"
       description="Thoughtfully designed spaces that cater to every type of traveler."
@@ -187,47 +135,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Private Loft",          price: "$90/night",          variant: "Loft",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-bedroom-interior-design_23-2151978961.jpg"},
-          name: "Private Loft",
-          price: "$90/night",
-          variant: "Loft",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-bedroom-interior-design_23-2151978961.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "4-Bed Dorm",          price: "$35/night",          variant: "Shared",          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-laptop-relaxing-bed_23-2148304962.jpg"},
-          name: "4-Bed Dorm",
-          price: "$35/night",
-          variant: "Shared",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-laptop-relaxing-bed_23-2148304962.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "6-Bed Dorm",          price: "$28/night",          variant: "Shared",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121729.jpg"},
-          name: "6-Bed Dorm",
-          price: "$28/night",
-          variant: "Shared",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121729.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Deluxe Suite",          price: "$120/night",          variant: "Private",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg"},
-          name: "Deluxe Suite",
-          price: "$120/night",
-          variant: "Private",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Standard Bed",          price: "$25/night",          variant: "Shared",          imageSrc: "http://img.b2bpic.net/free-photo/daylight-shining-through-unmade-bed_53876-65502.jpg"},
-          name: "Standard Bed",
-          price: "$25/night",
-          variant: "Shared",
-          imageSrc: "http://img.b2bpic.net/free-photo/daylight-shining-through-unmade-bed_53876-65502.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Female Dorm",          price: "$30/night",          variant: "Shared",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-coffee-cup_23-2150326113.jpg"},
-          name: "Female Dorm",
-          price: "$30/night",
-          variant: "Shared",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-coffee-cup_23-2150326113.jpg",
-        },
       ]}
       title="Our Lodging Options"
       description="Choose between private sanctuaries or shared social dorms."
@@ -241,50 +159,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
+          id: "1",          title: "Weekly Pass",          price: "$200",          period: "/week",          features: [
-          title: "Weekly Pass",
+            "Kitchen access",            "Laundry included"],
-          price: "$200",
-          period: "/week",
-          features: [
-            "Kitchen access",
-            "Laundry included",
-          ],
           button: {
-            text: "Select",
+            text: "Book Now", href: "/contact"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/teenage-boys-sitting-together-empty-canteen_53876-13468.jpg",          imageAlt: "Teenage boys sitting together in a empty canteen"},
-          imageSrc: "http://img.b2bpic.net/free-photo/teenage-boys-sitting-together-empty-canteen_53876-13468.jpg",
-          imageAlt: "Teenage boys sitting together in a empty canteen",
-        },
         {
-          id: "2",
+          id: "2",          title: "Monthly Pass",          price: "$750",          period: "/month",          features: [
-          title: "Monthly Pass",
+            "Priority check-in",            "Free workspace access"],
-          price: "$750",
-          period: "/month",
-          features: [
-            "Priority check-in",
-            "Free workspace access",
-          ],
           button: {
-            text: "Select",
+            text: "Book Now", href: "/contact"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg?_wi=2",          imageAlt: "Teenage boys sitting together in a empty canteen"},
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg?_wi=2",
-          imageAlt: "Teenage boys sitting together in a empty canteen",
-        },
         {
-          id: "3",
+          id: "3",          title: "Nomad Package",          price: "$50",          period: "/day",          features: [
-          title: "Nomad Package",
+            "Coffee daily",            "High-speed internet"],
-          price: "$50",
-          period: "/day",
-          features: [
-            "Coffee daily",
-            "High-speed internet",
-          ],
           button: {
-            text: "Select",
+            text: "Book Now", href: "/contact"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=2",          imageAlt: "Teenage boys sitting together in a empty canteen"},
-          imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=2",
-          imageAlt: "Teenage boys sitting together in a empty canteen",
-        },
       ]}
       title="Flexible Stays"
       description="Simple rates, no hidden fees."
@@ -299,25 +190,15 @@ export default function LandingPage() {
       author="Marcus Thorne"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1881.jpg",
+          src: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1881.jpg",          alt: "Marcus"},
-          alt: "Marcus",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/sunlight-falling-serious-young-man-standing-against-concrete-wall_23-2148130271.jpg",
+          src: "http://img.b2bpic.net/free-photo/sunlight-falling-serious-young-man-standing-against-concrete-wall_23-2148130271.jpg",          alt: "User"},
-          alt: "User",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-guy-dressed-jeans-jacket-posing-with-crossed-arms-isolated-dark-background_613910-21322.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-guy-dressed-jeans-jacket-posing-with-crossed-arms-isolated-dark-background_613910-21322.jpg",          alt: "User"},
-          alt: "User",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          alt: "User"},
-          alt: "User",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
+          src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",          alt: "User"},
-          alt: "User",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -329,20 +210,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Is parking available?",          content: "Yes, public parking is nearby."},
-          title: "Is parking available?",
-          content: "Yes, public parking is nearby.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Are linens provided?",          content: "Yes, we provide fresh linens and towels."},
-          title: "Are linens provided?",
-          content: "Yes, we provide fresh linens and towels.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Can I check in late?",          content: "Yes, our keyless system is 24/7."},
-          title: "Can I check in late?",
-          content: "Yes, our keyless system is 24/7.",
-        },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -350,32 +222,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
-      useInvertedBackground={false}
+      tag="Contact"
       title="Reach Out"
-      description="Have questions about your stay? Drop us a line."
+      description="Have questions about your stay? Drop us a line and our team will get back to you."
-      inputs={[
+      background={{
-        {
+          variant: "canvas-reveal"
-          name: "name",
+      }}
-          type: "text",
+      useInvertedBackground={true}
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745326.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterMedia
       logoText="IronHostel"
-      copyrightText="© 2025 IronHostel. All rights reserved."
+      imageSrc="http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745326.jpg"
+      columns={[
+          { title: "Stay", items: [{ label: "Book", href: "#rooms" }, { label: "Rates", href: "#pricing" }] },
+          { title: "Explore", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] }
+      ]}
     />
   </div>
       </ReactLenis>