From 7e0ecb0e0df8f03f882d625604057897a5cdba51 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 05:08:42 +0000
Subject: [PATCH] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 60 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 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..e1b02f2
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { Phone, Mail } from "lucide-react";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "Home", id: "home" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "/contact" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="medium"
+            background="aurora"
+            cardStyle="layered-gradient"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Web Design Tech360"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <ContactCTA
+                    tag="Contact Us"
+                    tagIcon={Mail}
+                    title="Get in Touch with Web Design Tech360"
+                    description="Reach out to us via email or phone for inquiries, project discussions, or support."
+                    buttons={[
+                        { text: "Email Us", href: "mailto:info@webdesigntech360.com", icon: Mail },
+                        { text: "Call Us", href: "tel:+919672864324", icon: Phone }
+                    ]}
+                    background={{ variant: "radial-gradient" }}
+                    useInvertedBackground={false}
+                />
+                <FooterCard
+                    logoText="Web Design Tech360"
+                    copyrightText="© 2025 Web Design Tech360. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}