From 852b8e6125bf3574d569e2ea38efba8ed9ef90af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 01:07:19 +0000
Subject: [PATCH 1/4] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 106 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..d415641
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Github, Linkedin, Mail, MessageSquare, Phone, Twitter } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Webild"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Portfolio", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Projects", id: "/projects" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Get Started",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Start Your Project Today"
+          description="Let's discuss your vision and how we can bring it to life. Fill out the form below, and one of our team members will get back to you within 24 hours to discuss your project requirements and next steps."
+          background={{ variant: "plain" }}
+          tag="Contact Us"
+          tagIcon={MessageSquare}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Call Us", href: "tel:+372123456789" },
+            { text: "Email Us", href: "mailto:hello@webild.ee" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-collaborative-team-working-on-digital--1772410619773-fb0bf645.png?_wi=1"
+          imageAlt="Contact our team"
+          mediaAnimation="blur-reveal"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "What's the typical project timeline?",              content: "Project timelines vary depending on scope and complexity. Typically, a website takes 8-12 weeks from discovery to launch, while larger projects or custom applications may take 3-6 months. We'll provide a detailed timeline during our initial consultation."
+            },
+            {
+              id: "2",              title: "Do you offer ongoing support and maintenance?",              content: "Absolutely! We provide comprehensive post-launch support, including bug fixes, updates, security patches, and feature enhancements. We offer flexible maintenance packages tailored to your needs."
+            },
+            {
+              id: "3",              title: "How much does a project cost?",              content: "Project costs depend on scope, complexity, and specific requirements. We provide transparent quotes after understanding your needs. We work with various budgets and offer flexible engagement models including fixed-price projects and time-based engagements."
+            },
+            {
+              id: "4",              title: "Will my website be mobile-friendly?",              content: "Yes, all our projects are built with a mobile-first approach. We ensure your website, app, or platform works seamlessly across all devices—phones, tablets, and desktops—providing an optimal user experience everywhere."
+            },
+            {
+              id: "5",              title: "How do you approach project communication?",              content: "Communication is crucial to our process. We assign a dedicated project manager to your account and provide regular updates via email, calls, and project management tools. You'll have visibility into progress at every stage."
+            },
+            {
+              id: "6",              title: "Can you help with existing projects?",              content: "Yes! We can work with existing websites, apps, and platforms—whether you need redesigns, optimizations, bug fixes, or feature additions. We'll audit your current solution and recommend improvements."
+            }
+          ]}
+          ctaTitle="Ready to Start Your Project?"
+          ctaDescription="Let's work together to bring your vision to life. Contact our team to schedule a free consultation."
+          ctaButton={{
+            text: "Schedule a Consultation",            href: "mailto:hello@webild.ee?subject=Project%20Consultation%20Request"
+          }}
+          ctaIcon={Phone}
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved. Based in Estonia."
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
+            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From 35017a31bf1339692df8f18895a033b1022e0dcd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 01:07:20 +0000
Subject: [PATCH 2/4] Update src/app/layout.tsx

---
 src/app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 22aaf99..a014a7e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1389,4 +1389,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}
\ No newline at end of file

From 95fd86e35bc5de31523d73f1aba0aa877cc58e8d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 01:07:21 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5c4b9e3..ac5daf4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -36,10 +36,10 @@ export default function LandingPage() {
             { name: "Portfolio", id: "metrics" },
             { name: "About", id: "about" },
             { name: "Projects", id: "/projects" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Get Started",            href: "#contact"
+            text: "Get Started",            href: "/contact"
           }}
         />
       </div>
@@ -59,7 +59,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Project", href: "#contact" },
+            { text: "Start Your Project", href: "/contact" },
             { text: "View Our Work", href: "#metrics" }
           ]}
           buttonAnimation="slide-up"
@@ -97,7 +97,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           title="We transform ideas into impactful digital experiences that connect businesses with their audiences and drive measurable results"
           buttons={[
-            { text: "Learn Our Story", href: "#contact" },
+            { text: "Learn Our Story", href: "#about" },
             { text: "Explore Services", href: "#services" }
           ]}
           buttonAnimation="opacity"
@@ -326,4 +326,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 134d45b3cbd85e51032bcec59e6beba25523800b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 01:07:22 +0000
Subject: [PATCH 4/4] Update src/app/projects/page.tsx

---
 src/app/projects/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index f05f754..0d3e754 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -31,10 +31,10 @@ export default function ProjectsPage() {
             { name: "Portfolio", id: "/" },
             { name: "About", id: "/" },
             { name: "Projects", id: "/projects" },
-            { name: "Contact", id: "/" }
+            { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Get Started",            href: "mailto:hello@webild.ee"
+            text: "Get Started",            href: "/contact"
           }}
         />
       </div>
@@ -185,7 +185,7 @@ export default function ProjectsPage() {
           title="Let's Create Your Success Story"
           description="Just like we transformed this e-commerce platform, we can help your business achieve remarkable results. Our proven methodology, expert team, and commitment to excellence ensure project success."
           buttons={[
-            { text: "Start Your Project", href: "mailto:hello@webild.ee" },
+            { text: "Start Your Project", href: "/contact" },
             { text: "View More Projects", href: "/" }
           ]}
           background={{ variant: "plain" }}
@@ -206,4 +206,4 @@ export default function ProjectsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file