From 0457b5a663649645c8dafe257162e6c8933388b4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 11:34:59 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 182 +++++++++++++++++----------------------
 1 file changed, 80 insertions(+), 102 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e438f0e..4acdb19 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,115 +1,93 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import Link from 'next/link'; // Necessary for internal navigation in navbar/footer
+import { ThemeProvider } from "@/components/theme-provider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Mail } from "lucide-react"; // Importing icons for potential use, Mail for contact
 
-// Nav items for NavbarLayoutFloatingInline and FooterBaseCard
-const navItems = [
-  { name: "Home", href: "/" },
-  { name: "About Us", href: "/about" },
-  { name: "Services", href: "/services" },
-  { name: "Tenders", href: "/tenders" },
-  { name: "Contact", href: "/contact" },
-];
+// Metadata for the Contact page
+export const metadata = {
+  title: "Contact Us - Webild",  description: "Get in touch with Webild. Find our location and team contact information."
+};
 
-const footerColumns = [
-  {
-    title: "Quick Links",    items: [
-      { label: "Home", href: "/" },
-      { label: "About Us", href: "/about" },
-      { label: "Services", href: "/services" },
-      { label: "Tenders & Procurement", href: "/tenders" },
-      { label: "Contact", href: "/contact" },
-    ],
-  },
-  {
-    title: "Services",    items: [
-      { label: "General Supplies", href: "/services#general-supplies" },
-      { label: "Logistics & Transport", href: "/services#logistics-transport" },
-      { label: "Aviation & Technical", href: "/services#aviation-technical" },
-      { label: "ICT & Digital", href: "/services#ict-digital" },
-      { label: "Construction & Maintenance", href: "/services#construction-maintenance" },
-      { label: "Consultancy", href: "/services#consultancy-project" },
-    ],
-  },
-  {
-    title: "Contact Info",    items: [
-      { label: "Nairobi, Kenya", href: "/contact" },
-      { label: "+254 7XX XXX XXX", href: "/contact" },
-      { label: "info@carlstraaero.com", href: "/contact" },
-    ],
-  },
-];
+export default function Contact() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Features", id: "#features" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "/contact" } // The newly added link
+  ];
+
+  const teamMembers = [
+    { id: "1", title: "CEO", subtitle: "John Doe", detail: "john.doe@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" },
+    { id: "2", title: "Sales Lead", subtitle: "Jane Smith", detail: "jane.smith@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" },
+    { id: "3", title: "Support Lead", subtitle: "Peter Jones", detail: "peter.jones@example.com", imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Company",      items: [
+        { label: "Home", href: "/" },
+        { label: "Contact", href: "/contact" }
+      ]
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#privacy" },
+        { label: "Terms of Service", href: "#terms" }
+      ]
+    }
+  ];
 
-export default function ContactPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant={"expand-hover"}
-      defaultTextAnimation={"entrance-slide"}
-      borderRadius={"pill"}
-      contentWidth={"compact"}
-      sizing={"largeSmall"}
-      background={"noise"}
-      cardStyle={"gradient-bordered"}
-      primaryButtonStyle={"flat"}
-      secondaryButtonStyle={"radial-glow"}
-      headingFontWeight={"bold"}
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="Carlstra Aero Ltd"
-          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
-          logoAlt="Carlstra Aero Ltd Logo"
-          navItems={navItems.map(item => ({ name: item.name, id: item.href }))}
-          button={{ text: "Request a Quote", href: "/contact" }}
-        />
-      </div>
-
-      <div id="contact-page-hero" data-section="contact-page-hero">
-        <HeroSplitTestimonial
-          title="GET IN TOUCH WITH CARLSTRA AERO"
-          description="We're ready to partner with you. Reach out to discuss your procurement, logistics, or technical support needs."
-          background={{ variant: "plain" }}
-          testimonials={[]}
-          mediaAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-paper-clips-with-copy-space_23-2148581960.jpg"
-          imageAlt="Deep navy abstract contact us background"
-          useInvertedBackground={true}
-          imagePosition="right"
-        />
-      </div>
-
-      <div id="contact-information-form" data-section="contact-information-form">
-        <ContactSplit
-          tag="Contact Us"
-          title="Your Trusted Partner for Institutional Needs"
-          description="Whether you have a specific tender, a general inquiry, or require detailed project support, our team is ready to assist. Fill out the form or use the contact details below."
-          background={{ variant: "plain" }}
-          mediaAnimation="slide-up"
-          useInvertedBackground={false}
-          mediaPosition="left"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12470.jpg"
-          imageAlt="Modern corporate contact office"
-          buttonText="Send Message"
-          inputPlaceholder="Your Email Address"
-          termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
-          onSubmit={() => alert('Your message has been sent!')}
-        />
-      </div>
-
-      <div id="footer" data-section="footer" className="relative before:absolute before:inset-x-0 before:top-0 before:h-0.5 before:bg-accent">
-        <FooterBaseCard
-          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
-          logoAlt="Carlstra Aero Ltd Logo"
-          logoText="CARLSTRA AERO LTD"
+      <NavbarStyleFullscreen
+        navItems={navItems}
+        brandName="Webild"
+        bottomLeftText="Global Community"
+        bottomRightText="hello@example.com"
+      />
+      <div className="flex min-h-screen flex-col items-center justify-between">
+        <div id="contact-form" data-section="contact-form">
+          <ContactCenter
+            tag="Contact Us"
+            title="Get in Touch"
+            description="We'd love to hear from you! Fill out the form below or reach out to us using the contact details provided. Our office is located at 123 Main Street, Anytown, USA 12345."
+            inputPlaceholder="Your email address"
+            buttonText="Send Message"
+            termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
+            tagIcon={Mail}
+            background={{ variant: "radial-gradient" }}
+          />
+        </div>
+        <div id="team-contacts" data-section="team-contacts">
+          <TeamCardEleven
+            title="Our Team"
+            description="Meet the dedicated individuals behind Webild who are ready to assist you."
+            groups={[{ id: "1", groupTitle: "Leadership & Support", members: teamMembers }]}
+            animationType="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterBase
           columns={footerColumns}
-          copyrightText="© 2025 Carlstra Aero Ltd. Registered in Kenya. All rights reserved."
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}