From 792c70a179e3b692357f583f06b0b10ee2960b2b Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 26 Apr 2026 16:48:12 +0000
Subject: [PATCH 1/2] Bob AI: Add contact page

---
 src/App.tsx               |  2 +
 src/components/Layout.tsx |  4 +-
 src/pages/ContactPage.tsx | 79 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/ContactPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..690495b 100644
--- a/src/App.tsx
+++ b/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>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index d6a2b69..437ac82 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -19,7 +19,9 @@ export default function Layout() {
   {
     "name": "FAQ",
     "href": "#faq"
-  }
+  },
+  { name: "Contact", href: "/contact" },
+
 ];
 
   return (
diff --git a/src/pages/ContactPage.tsx b/src/pages/ContactPage.tsx
new file mode 100644
index 0000000..1181f0b
--- /dev/null
+++ b/src/pages/ContactPage.tsx
@@ -0,0 +1,79 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered"; // Corrected import path
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+const ContactPage: React.FC = () => {
+  return (
+    <div className="flex min-h-screen flex-col bg-background text-foreground">
+      <NavbarCentered
+        logo="Brand"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/contact" }}
+      />
+      <main className="flex-grow">
+        <ContactSplitForm
+          title="Get in touch"
+          description="We'd love to hear from you! Fill out the form below and we'll get back to you as soon as possible."
+          form={{
+            nameLabel: "Name",
+            emailLabel: "Email",
+            messageLabel: "Message",
+            submitButtonText: "Send Message",
+            namePlaceholder: "Your Name",
+            emailPlaceholder: "your@email.com",
+            messagePlaceholder: "How can we help you?",
+          }}
+          contactInfo={{
+            email: "support@brand.com",
+            phone: "+1 (555) 123-4567",
+            address: "123 Main St, Anytown, USA",
+          }}
+          socialLinks={[
+            { name: "Twitter", href: "#" },
+            { name: "LinkedIn", href: "#" },
+            { name: "Facebook", href: "#" },
+          ]}
+        />
+      </main>
+      <FooterSimple
+        logo="Brand"
+        description="Building the future, one pixel at a time."
+        socialLinks={[
+          { name: "Twitter", href: "#" },
+          { name: "LinkedIn", href: "#" },
+          { name: "Facebook", href: "#" },
+        ]}
+        links={[
+          {
+            title: "Product",
+            items: [
+              { name: "Features", href: "/features" },
+              { name: "Pricing", href: "/pricing" },
+              { name: "Integrations", href: "#" },
+            ],
+          },
+          {
+            title: "Company",
+            items: [
+              { name: "About Us", href: "/about" },
+              { name: "Contact", href: "/contact" },
+              { name: "Blog", href: "/blog" },
+            ],
+          },
+          {
+            title: "Legal",
+            items: [
+              { name: "Privacy Policy", href: "/privacy-policy" },
+              { name: "Terms of Service", href: "/terms-of-service" },
+            ],
+          },
+        ]}
+        copyright="© 2024 Brand. All rights reserved."
+      />
+    </div>
+  );
+};
+
+export default ContactPage;
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..033bb38 100644
--- a/src/routes.ts
+++ b/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' },
 ];

From 76cc9fda542ab0556861f3809d37d0d42569b960 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 26 Apr 2026 16:48:24 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/ContactPage.tsx (snippet
 builder, 2 sections)

---
 src/pages/ContactPage.tsx | 93 +++++++++------------------------------
 1 file changed, 20 insertions(+), 73 deletions(-)

diff --git a/src/pages/ContactPage.tsx b/src/pages/ContactPage.tsx
index 1181f0b..35ea834 100644
--- a/src/pages/ContactPage.tsx
+++ b/src/pages/ContactPage.tsx
@@ -1,79 +1,26 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered"; // Corrected import path
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
 
-const ContactPage: React.FC = () => {
+export default function ContactPage() {
   return (
-    <div className="flex min-h-screen flex-col bg-background text-foreground">
-      <NavbarCentered
-        logo="Brand"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "/contact" }}
+    <>
+      <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"
       />
-      <main className="flex-grow">
-        <ContactSplitForm
-          title="Get in touch"
-          description="We'd love to hear from you! Fill out the form below and we'll get back to you as soon as possible."
-          form={{
-            nameLabel: "Name",
-            emailLabel: "Email",
-            messageLabel: "Message",
-            submitButtonText: "Send Message",
-            namePlaceholder: "Your Name",
-            emailPlaceholder: "your@email.com",
-            messagePlaceholder: "How can we help you?",
-          }}
-          contactInfo={{
-            email: "support@brand.com",
-            phone: "+1 (555) 123-4567",
-            address: "123 Main St, Anytown, USA",
-          }}
-          socialLinks={[
-            { name: "Twitter", href: "#" },
-            { name: "LinkedIn", href: "#" },
-            { name: "Facebook", href: "#" },
-          ]}
-        />
-      </main>
-      <FooterSimple
-        logo="Brand"
-        description="Building the future, one pixel at a time."
-        socialLinks={[
-          { name: "Twitter", href: "#" },
-          { name: "LinkedIn", href: "#" },
-          { name: "Facebook", href: "#" },
-        ]}
-        links={[
-          {
-            title: "Product",
-            items: [
-              { name: "Features", href: "/features" },
-              { name: "Pricing", href: "/pricing" },
-              { name: "Integrations", href: "#" },
-            ],
-          },
-          {
-            title: "Company",
-            items: [
-              { name: "About Us", href: "/about" },
-              { name: "Contact", href: "/contact" },
-              { name: "Blog", href: "/blog" },
-            ],
-          },
-          {
-            title: "Legal",
-            items: [
-              { name: "Privacy Policy", href: "/privacy-policy" },
-              { name: "Terms of Service", href: "/terms-of-service" },
-            ],
-          },
-        ]}
-        copyright="© 2024 Brand. All rights reserved."
+      <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"
       />
-    </div>
+    </>
   );
-};
-
-export default ContactPage;
\ No newline at end of file
+}