From 94fba2eb8f1d916bcd78a3bcc8938f963122f3f8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 15:15:15 +0000
Subject: [PATCH] Switch to version 1: remove src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 150 ---------------------------------------
 1 file changed, 150 deletions(-)
 delete mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
deleted file mode 100644
index bfd196a..0000000
--- a/src/app/contact/page.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Mail, Phone, User } from "lucide-react";
-import { useState } from "react";
-
-export default function ContactPage() {
-  const [formData, setFormData] = useState({
-    fullName: "",    email: "",    phoneNumber: ""});
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value,
-    }));
-  };
-
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    console.log("Form submitted:", formData);
-    // Reset form
-    setFormData({
-      fullName: "",      email: "",      phoneNumber: ""});
-  };
-
-  return (
-    <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="large"
-      background="noise"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="normal"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="Youth Center"
-          navItems={[
-            { name: "About", id: "about" },
-            { name: "Features", id: "features" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Join", id: "contact" },
-            { name: "Contact", id: "/contact" },
-            { name: "Location", id: "location" },
-          ]}
-        />
-      </div>
-
-      <div id="contact-form" data-section="contact-form" className="w-full py-20 px-4">
-        <div className="max-w-2xl mx-auto">
-          <div className="text-center mb-12">
-            <h1 className="text-5xl font-bold mb-4">Contact Us</h1>
-            <p className="text-xl text-foreground/80">Join Youth Center Sport Field with our clean registration form</p>
-          </div>
-
-          <div className="bg-card rounded-lg p-8 shadow-lg border border-accent/20">
-            <form onSubmit={handleSubmit} className="space-y-6">
-              {/* Full Name Field */}
-              <div className="space-y-2">
-                <label htmlFor="fullName" className="block text-sm font-medium text-foreground">
-                  <div className="flex items-center gap-2 mb-2">
-                    <User size={18} className="text-primary-cta" />
-                    <span>Full Name</span>
-                  </div>
-                </label>
-                <input
-                  type="text"
-                  id="fullName"
-                  name="fullName"
-                  value={formData.fullName}
-                  onChange={handleInputChange}
-                  placeholder="Enter your full name"
-                  required
-                  className="w-full px-4 py-3 rounded-lg bg-background border border-accent/30 text-foreground placeholder-foreground/50 focus:outline-none focus:border-primary-cta transition-colors"
-                />
-              </div>
-
-              {/* Email Address Field */}
-              <div className="space-y-2">
-                <label htmlFor="email" className="block text-sm font-medium text-foreground">
-                  <div className="flex items-center gap-2 mb-2">
-                    <Mail size={18} className="text-primary-cta" />
-                    <span>Email Address</span>
-                  </div>
-                </label>
-                <input
-                  type="email"
-                  id="email"
-                  name="email"
-                  value={formData.email}
-                  onChange={handleInputChange}
-                  placeholder="Enter your email address"
-                  required
-                  className="w-full px-4 py-3 rounded-lg bg-background border border-accent/30 text-foreground placeholder-foreground/50 focus:outline-none focus:border-primary-cta transition-colors"
-                />
-              </div>
-
-              {/* Phone Number Field */}
-              <div className="space-y-2">
-                <label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground">
-                  <div className="flex items-center gap-2 mb-2">
-                    <Phone size={18} className="text-primary-cta" />
-                    <span>Phone Number</span>
-                  </div>
-                </label>
-                <input
-                  type="tel"
-                  id="phoneNumber"
-                  name="phoneNumber"
-                  value={formData.phoneNumber}
-                  onChange={handleInputChange}
-                  placeholder="Enter your phone number"
-                  required
-                  className="w-full px-4 py-3 rounded-lg bg-background border border-accent/30 text-foreground placeholder-foreground/50 focus:outline-none focus:border-primary-cta transition-colors"
-                />
-              </div>
-
-              {/* Submit Button */}
-              <button
-                type="submit"
-                className="w-full bg-primary-cta hover:opacity-90 text-primary-cta-text font-semibold py-3 px-6 rounded-lg transition-all duration-300 transform hover:scale-105 mt-8"
-              >
-                Join Now
-              </button>
-            </form>
-          </div>
-
-          <div className="text-center mt-8 text-foreground/60">
-            <p>We'll contact you soon to confirm your membership and get you started on your fitness journey.</p>
-          </div>
-        </div>
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Youth Center"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Home", href: "/" }}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}