From aeb7b72e94787b1783e6c26480e78838b2a3ad51 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 13:34:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 39 ++++++++++++++++++---------------------
 1 file changed, 18 insertions(+), 21 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ed99915..9381747 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,9 +9,9 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Sparkles, Zap, Award, TrendingUp, Users, FileText, Heart, Rocket, Quote } from "lucide-react";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Sparkles, Zap, Award, TrendingUp, Users, FileText, Heart, Rocket, Quote, Mail } from "lucide-react";
 import Link from "next/link";
 
 export default function HomePage() {
@@ -250,29 +250,25 @@ export default function HomePage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactFaq
-          faqs={[
-            {
-              id: "1",              title: "How do I reset my password?",              content: "Go to the login page and click 'Forgot Password'. Enter your email and we'll send a reset link within minutes."
-            },
-            {
-              id: "2",              title: "Can I upgrade or downgrade anytime?",              content: "Yes! You can upgrade to Premium or downgrade back to Free anytime from your account settings. Changes take effect immediately."
-            },
-            {
-              id: "3",              title: "Do you offer refunds?",              content: "We offer a 30-day money-back guarantee on Premium subscriptions. If you're not satisfied, contact support@resumematch.io for a full refund."
-            },
-          ]}
-          ctaTitle="Ready to optimize your resume?"
-          ctaDescription="Start with 2 free analyses today. No credit card required. Join thousands of professionals getting hired faster."
-          ctaButton={{ text: "Get Started Free", href: "/dashboard" }}
-          ctaIcon={Rocket}
+        <ContactCenter
+          tag="Get in Touch"
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          title="Ready to optimize your resume?"
+          description="Start with 2 free analyses today. No credit card required. Join thousands of professionals getting hired faster with AI-powered resume optimization."
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          animationType="slide-up"
+          inputPlaceholder="Enter your email address"
+          buttonText="Get Started Free"
+          termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
+          onSubmit={(email) => console.log("Email submitted:", email)}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AksX9xdEmy9wqZV4leeHzUI9qb/modern-resume-analysis-dashboard-showing-1773148155179-f5943066.png"
+          imageAlt="ResumeMatch Platform Overview"
           columns={[
             {
               title: "Product",              items: [
@@ -299,6 +295,7 @@ export default function HomePage() {
               ],
             },
           ]}
+          logoText="ResumeMatch"
           copyrightText="© 2025 ResumeMatch | AI-Powered ATS Optimization"
         />
       </div>
-- 
2.49.1