From 1af75482b8531bc3c0d773828bc372ece4b62511 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Thu, 29 Jan 2026 13:37:16 +0000
Subject: [PATCH 1/2] 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..133527d
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Mail, Zap } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="sharp"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeMediumTitles"
+      background="floatingGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="IT Home"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Courses", id: "courses" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" }
+          ]}
+          button={{
+            text: "Enroll Now",            href: "contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Get In Touch With IT Home"
+          description="Have questions about our programs? Want to schedule a consultation? We're here to help you start your journey to a rewarding tech career."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Contact Us"
+          tagIcon={Zap}
+          imageSrc="https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg"
+          imageAlt="IT Home contact page"
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplit
+          tag="Contact Information"
+          tagIcon={Mail}
+          title="Let's Connect"
+          description="Fill out the form below and our team will get back to you within 24 hours. Whether you have questions about our programs, need financial aid information, or want to schedule a campus tour, we're ready to help."
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/team-collaboration-IT-professionals_146671-16510.jpg"
+          imageAlt="IT Home team ready to help"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Send Message"
+          termsText="We respect your privacy and will only use your email to respond to your inquiry."
+          onSubmit={(email) => {
+            console.log('Contact form submitted with email:', email);
+            // Handle form submission here
+          }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="IT Home"
+          copyrightText="© 2025 IT Home. All rights reserved."
+          columns={[
+            {
+              title: "Programs",              items: [
+                { label: "Web Development", href: "/" },
+                { label: "Data Science", href: "/" },
+                { label: "Python Programming", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Team", href: "/" },
+                { label: "Careers", href: "contact" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "contact" },
+                { label: "FAQ", href: "/" },
+                { label: "Student Portal", href: "https://portal.ithome.example.com" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 65958036ab7c63186c935bf832a626121ab671aa Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Thu, 29 Jan 2026 13:37:17 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a323d9..45c4488 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,8 +10,9 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, Globe, Users, Zap } from 'lucide-react';
+import { Award, Globe, Users, Zap, Mail } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -193,14 +194,19 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to transform your career with IT Home? Join thousands of successful graduates and start your journey into technology today."
-          useInvertedBackground="invertDefault"
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Enroll Today", href: "contact" },
-            { text: "Schedule a Consultation", href: "contact" }
-          ]}
+        <ContactSplit
+          tag="Get In Touch"
+          tagIcon={Mail}
+          title="Ready to Start Your Journey?"
+          description="Join thousands of successful graduates and transform your career with IT Home. Contact us today to learn more about our programs and get started."
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg"
+          imageAlt="Contact us at IT Home"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Sign Up"
+          termsText="By signing up, you agree to our Terms and Conditions. We respect your privacy."
+          onSubmit={(email) => console.log('Submitted email:', email)}
         />
       </div>
 
-- 
2.49.1