Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -102,9 +102,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        { id: "free", badge: "Basic", price: "$0", subtitle: "Get started with essentials", buttons: [{ text: "Sign Up", onClick: () => handlePayment("free")}], features: ["Limited daily AI questions", "Basic planner", "Ad-supported"]},
+        { id: "free", badge: "Basic", price: "$0", subtitle: "Get started with essentials", buttons: [{ text: "Sign Up", onClick: () => handlePayment("free")} ], features: ["Limited daily AI questions", "Basic planner", "Ad-supported"]},
-        { id: "premium", badge: "Pro", price: "$9.99", subtitle: "For focused learners", buttons: [{ text: "Upgrade", onClick: () => handlePayment("premium")}], features: ["Unlimited explanations", "PDF summarization", "No ads"]},
+        { id: "premium", badge: "Pro", price: "$9.99", subtitle: "For focused learners", buttons: [{ text: "Upgrade", onClick: () => handlePayment("premium")} ], features: ["Unlimited explanations", "PDF summarization", "No ads"]},
-        { id: "plus", badge: "Plus", price: "$19.99", subtitle: "For top performers", buttons: [{ text: "Upgrade", onClick: () => handlePayment("plus")}], features: ["Voice tutoring", "Exam prediction AI", "Group study rooms"]},
+        { id: "plus", badge: "Plus", price: "$19.99", subtitle: "For top performers", buttons: [{ text: "Upgrade", onClick: () => handlePayment("plus")} ], features: ["Voice tutoring", "Exam prediction AI", "Group study rooms"]},
       ]}
       title="Flexible Plans for Every Student"
       description="Choose the level of AI support that fits your academic journey."
@@ -162,23 +162,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Contact"
+      title="Ready to transform your study habits?"
+      description="Get started today and unlock your full academic potential."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{ variant: "plain"}}
+      mediaPosition="right"
-      text="Ready to transform your study habits?"
+      onSubmit={(email) => console.log("Signed up:", email)}
-      buttons={[{ text: "Download App Now", href: "#"}]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBase
       columns={[
         { title: "Product", items: [{ label: "Features", href: "#features"}, { label: "Pricing", href: "#pricing"}]},
         { title: "Company", items: [{ label: "About Us", href: "#"}, { label: "Contact", href: "#contact"}]},
         { title: "Legal", items: [{ label: "Privacy", href: "#"}, { label: "Terms", href: "#"}]},
       ]}
-      bottomLeftText="© 2024 StudyFlow AI"
+      logoText="StudyFlow AI"
-      bottomRightText="© 2025 Osama ElBetnigy. All rights reserved."
+      copyrightText="© 2025 StudyFlow AI"
     />
   </div>
       </ReactLenis>