Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,116 +1,40 @@
-"use client";
+'use client';
 
-import { useState } from "react";
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
-import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
-import LegalSection from "@/components/legal/LegalSection";
-import { Mail, Phone, MapPin } from "lucide-react";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
-export default function Contact() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "FAQ", id: "/faq" },
-    { name: "Contact", id: "/contact" },
-  ];
+const navItems = [
+  { name: 'Home', id: '/' },
+  { name: 'Features', id: '/#features' },
+  { name: 'Dashboard', id: '/dashboard' },
+  { name: 'Sign In', id: '/login' },
+];
 
+export default function ContactPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="mediumLarge"
-      sizing="large"
-      background="aurora"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="CarLed" />
-
-      <div id="contact" data-section="contact" className="pt-32">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Connect with the CarLed Community"
-          description="Have questions, want to collaborate, or interested in joining our community? We'd love to hear from you. Reach out using the contact form or connect with us directly."
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=600&h=400&fit=crop"
-          imageAlt="CarLed contact"
-          mediaAnimation="slide-up"
-          inputPlaceholder="your@email.com"
-          buttonText="Send Message"
-          termsText="We'll get back to you within 24 hours. We respect your privacy."
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={navItems}
+          brandName="Webild"
         />
       </div>
-
-      <div id="contact-info" data-section="contact-info" className="py-20">
-        <LegalSection
-          layout="section"
-          title="Other Ways to Reach Us"
-          subtitle="Connect with CarLed through multiple channels"
-          sections={[
-            {
-              heading: "Direct Contact",              content: [
-                {
-                  type: "paragraph",                  text: "📧 Email: hello@carled.io\n☎️ Phone: +1 (555) 123-4567\n📍 Location: San Francisco, CA, USA"},
-              ],
-            },
-            {
-              heading: "Social Media",              content: [
-                {
-                  type: "list",                  items: [
-                    "Twitter: @CarLedCommunity",                    "Instagram: @CarLed_Official",                    "Discord: Join our Community Server",                    "YouTube: CarLed Channel"],
-                },
-              ],
-            },
-            {
-              heading: "Business Hours",              content: [
-                {
-                  type: "paragraph",                  text: "We're available 24/7 for community support through our Discord server and forum."},
-                {
-                  type: "list",                  items: [
-                    "Monday - Friday: 9:00 AM - 6:00 PM PST",                    "Saturday: 10:00 AM - 4:00 PM PST",                    "Sunday: Closed (Community Support Available)"],
-                },
-              ],
-            },
-          ]}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="https://images.unsplash.com/photo-1489824904134-891ab64532f1?w=1920&h=400&fit=crop"
-          imageAlt="CarLed footer"
-          columns={[
-            {
-              title: "Product",              items: [
-                { label: "Features", href: "/" },
-                { label: "Community", href: "/about" },
-                { label: "Pricing", href: "/contact" },
-              ],
-            },
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-              ],
-            },
-            {
-              title: "Resources",              items: [
-                { label: "FAQ", href: "/faq" },
-                { label: "Contact", href: "/contact" },
-                { label: "Terms", href: "/terms" },
-              ],
-            },
-          ]}
-          logoText="CarLed"
-          copyrightText="© 2025 CarLed. All rights reserved."
-        />
+      <div className="min-h-screen bg-gradient-to-br from-background to-card pt-24">
+        <div className="max-w-4xl mx-auto px-4 py-12">
+          <h1 className="text-4xl font-bold text-foreground mb-4">Contact Us</h1>
+          <p className="text-foreground/60 text-lg">Get in touch with our team.</p>
+        </div>
       </div>
     </ThemeProvider>
   );