Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,4 +1,5 @@
 "use client";
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
@@ -13,7 +14,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeLargeTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -29,8 +30,7 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Book Now",
+            text: "Book Now",            href: "/contact"
-            href: "/contact"
           }}
         />
       </div>
@@ -46,34 +46,20 @@ export default function ContactPage() {
           buttonText="Request Booking"
           inputs={[
             {
-              name: "name",
+              name: "name",              type: "text",              placeholder: "Full Name",              required: true
-              type: "text",
-              placeholder: "Full Name",
-              required: true
             },
             {
-              name: "email",
+              name: "email",              type: "email",              placeholder: "Email Address",              required: true
-              type: "email",
-              placeholder: "Email Address",
-              required: true
             },
             {
-              name: "phone",
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
-              type: "tel",
-              placeholder: "Phone Number",
-              required: true
             },
             {
-              name: "checkIn",
+              name: "checkIn",              type: "date",              placeholder: "Check-in Date",              required: true
-              type: "date",
-              placeholder: "Check-in Date",
-              required: true
             }
           ]}
           textarea={{
-            name: "message",
+            name: "message",            placeholder: "Tell us about your preferences and special requests...",            rows: 5,
-            placeholder: "Tell us about your preferences and special requests...",
-            rows: 5,
             required: false
           }}
           onSubmit={(data) => {
@@ -109,8 +95,7 @@ export default function ContactPage() {
           copyrightText="© 2025 Santorini Lux | Luxury Hotel & Resort. All rights reserved."
           columns={[
             {
-              title: "Explore",
+              title: "Explore",              items: [
-              items: [
                 { label: "Home", href: "/" },
                 { label: "Rooms & Suites", href: "/rooms" },
                 { label: "About", href: "/about" },
@@ -118,8 +103,7 @@ export default function ContactPage() {
               ]
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 { label: "Reservations", href: "/contact" },
                 { label: "+30 2286 025000", href: "#" },
                 { label: "info@santorini-lux.gr", href: "#" },
@@ -127,8 +111,7 @@ export default function ContactPage() {
               ]
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Cookie Policy", href: "#" },