Merge version_4_1777222075577 into main

Merge version_4_1777222075577 into main

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import ContactPage from "@/pages/ContactPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/contact" element={<ContactPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -19,7 +19,9 @@ export default function Layout() {
   {
     "name": "FAQ",
     "href": "#faq"
-  }
+  },
+  { name: "Contact", href: "/contact" },
+
 ];
 
   return (

src/components/sections/pricing/PricingCenteredCards.tsx

@@ -63,7 +63,7 @@ const PricingCenteredCards = ({
       >
         <GridOrCarousel>
           {plans.map((plan) => (
-            <div key={plan.tag} className="flex flex-col items-center gap-5 p-5 h-full card rounded text-center">
+            <div key={plan.tag} className="flex flex-col items-center gap-5 p-5 h-full card rounded overflow-hidden text-center">
               <span className="px-5 py-2 text-sm card rounded">{plan.tag}</span>
 
               <div className="flex flex-col gap-1">
@@ -96,4 +96,4 @@ const PricingCenteredCards = ({
   </section>
 );
 
-export default PricingCenteredCards;
+export default PricingCenteredCards;

src/pages/ContactPage.tsx

@@ -0,0 +1,26 @@
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function ContactPage() {
+  return (
+    <>
+      <HeroBillboard
+        tag="Your Adventure Awaits!"
+        title="Ready to Make a Splash? Contact Us!"
+        description="Whether you're curious about our thrilling slides, relaxing rivers, or planning a group visit, the AquaPulse team is eager to assist. Reach out today and let's start planning your perfect day of fun!"
+        primaryButton={{"text":"Send Us a Message","href":"#contact-form"}}
+        secondaryButton={{"text":"View Our FAQs","href":"/faq"}}
+        imageSrc="https://images.unsplash.com/photo-1579547621008-0417387431e6?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+      />
+      <ContactSplitForm
+        tag="Connect with AquaPulse"
+        title="Your Ultimate Summer Escape Starts Here!"
+        description="Have a question about tickets, events, or just want to share your excitement? We're thrilled to hear from you! Reach out and let's make your AquaPulse experience unforgettable."
+        inputs={[{"name":"name","type":"text","placeholder":"Your Full Name","required":true},{"name":"email","type":"email","placeholder":"Your Email Address","required":true},{"name":"subject","type":"text","placeholder":"Subject (e.g., Ticket Inquiry, Group Booking)"}]}
+        textarea={{"name":"message","placeholder":"Tell us how we can help make your day amazing!","rows":5,"required":true}}
+        buttonText="Send Your Message"
+        imageSrc="https://images.unsplash.com/photo-1629854580007-4e0e5b3b0b0f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80"
+      />
+    </>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/contact', label: 'Contact', pageFile: 'ContactPage' },
 ];