Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { LayoutGrid, Rocket, BarChart3, QrCode } from "lucide-react";
+import { Rocket, BarChart3, GraduationCap, Users, BrainCircuit, LineChart, Target, Zap, BookOpen } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,79 +32,107 @@ export default function LandingPage() {
           <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "Process", id: "process" },
+              { name: "Programs", id: "programs" },
+              { name: "How It Works", id: "process" },
               { name: "Impact", id: "impact" },
               { name: "Register", id: "register" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Rehbar"
-            button={{ text: "Get Started", href: "#contact" }}
+            button={{ text: "Get Started", href: "#register" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroLogo
             logoText="Rehbar"
-            description="Your trusted partner in strategic guidance and growth. We help businesses navigate complexity with clear, actionable solutions."
+            description="Empowering the next generation of leaders through specialized education, mentorship, and global opportunities."
-            buttons={[
+            buttons={[{ text: "Explore Programs", href: "#programs" }]}
-              { text: "Get Started", href: "#contact" },
-            ]}
             imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-88558.jpg?_wi=1"
-            imageAlt="minimal emerald abstract background"
+          />
+        </div>
+
+        <div id="programs" data-section="programs">
+            <PricingCardTwo
+                title="Educational Programs"
+                description="Choose the path that fits your timeline and career goals."
+                animationType="blur-reveal"
+                textboxLayout="split"
+                useInvertedBackground={false}
+                plans={[
+                    { id: "p1", badge: "Flexible", price: "Custom", subtitle: "3-Day Intensive Bootcamps", features: ["Skill Mastery", "Direct Mentorship", "Certificate of Completion"], buttons: [{ text: "Apply Now", href: "#register" }] },
+                    { id: "p2", badge: "Recommended", price: "Custom", subtitle: "7-Day Comprehensive Track", features: ["Full Curriculum", "Project Submission", "Industry Networking", "Career Guidance"], buttons: [{ text: "Apply Now", href: "#register" }] }
+                ]}
+            />
+        </div>
+
+        <div id="degrees" data-section="degrees">
+          <FeatureCardTwentySix
+            title="Available Degrees"
+            description="Academic excellence across diverse disciplines."
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            features={[
+                { title: "Computer Science", description: "Modern software engineering", buttonIcon: BrainCircuit },
+                { title: "Artificial Intelligence", description: "Future-tech focus", buttonIcon: Zap },
+                { title: "Business Administration", description: "Strategic management", buttonIcon: Target },
+                { title: "Data Science", description: "Big data analytics", buttonIcon: LineChart }
+            ]}
           />
         </div>
 
         <div id="process" data-section="process">
           <FeatureCardTwentySix
-            title="Our Proven Process"
+            title="How It Works"
-            description="A step-by-step methodology to ensure your business goals are met with precision."
+            description="From application to industry readiness in four simple steps."
             textboxLayout="inline-image"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             features={[
-                { title: "Discovery", description: "Understanding your unique goals.", buttonIcon: LayoutGrid },
+                { title: "1. Application", description: "Submit your interest online.", buttonIcon: Target },
-                { title: "Strategy", description: "Developing a roadmap for success.", buttonIcon: Rocket },
+                { title: "2. Screening", description: "Profile review by experts.", buttonIcon: Users },
-                { title: "Execution", description: "Implementing data-driven solutions.", buttonIcon: BarChart3 },
+                { title: "3. Learning", description: "Immersive academic sessions", buttonIcon: BookOpen },
-                { title: "Analysis", description: "Reviewing and optimizing outcomes.", buttonIcon: BarChart3 }
+                { title: "4. Graduation", description: "Launch your professional journey.", buttonIcon: GraduationCap }
             ]}
           />
         </div>
 
         <div id="impact" data-section="impact">
             <MetricCardThree
-                title="Measuring Success"
+                title="Our Impact"
-                description="The tangible results we deliver for our global clients."
+                description="Turning talent into industry leadership."
                 textboxLayout="split"
                 animationType="blur-reveal"
-                useInvertedBackground={true}
+                useInvertedBackground={false}
                 metrics={[
-                    { id: "m1", icon: BarChart3, title: "Growth Rate", value: "45%" },
+                    { id: "m1", icon: BarChart3, title: "Success Rate", value: "95%" },
-                    { id: "m2", icon: Rocket, title: "Projects Delivered", value: "800+" },
+                    { id: "m2", icon: Rocket, title: "Programs", value: "50+" },
-                    { id: "m3", icon: LayoutGrid, title: "Client Satisfaction", value: "99%" }
+                    { id: "m3", icon: Users, title: "Alumni", value: "5k+" }
                 ]}
             />
         </div>
 
         <div id="register" data-section="register">
           <SocialProofOne
+            title="Scan to Register"
+            description="Unlock your potential. Scan the QR code to begin your application process today."
+            names={["Registration Portal", "Official Application Link"]}
             textboxLayout="split"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
-            names={[]}
-            title="Join the Ecosystem"
-            description="Scan the code to register your business and get started with our expert consultants today."
           />
+          <div className="flex justify-center p-8">
+            <img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=https://rehbar.edu/apply" alt="Registration QR Code" className="w-48 h-48" />
+          </div>
         </div>
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFifteen
-            useInvertedBackground={false}
+            testimonial="The Rehbar program was life-changing. I gained not just academic knowledge, but the confidence to lead in my field."
-            testimonial="Rehbar transformed our entire operation. Their strategic guidance was instrumental in our latest growth phase."
             rating={5}
-            author="Sarah Johnson, CEO of InnovateTech"
+            author="Ahmad Raza, Data Scientist"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/lady-eyeglasses-sits-street-cafe-chats-tablet-happy-woman-gray-suit-takes-rest-restaurant-reads-news_197531-29850.jpg", alt: "professional" },
-            ]}
             ratingAnimation="blur-reveal"
             avatarsAnimation="slide-up"
+            avatars={[]}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -112,22 +140,20 @@ export default function LandingPage() {
           <ContactText
             useInvertedBackground={false}
             background={{ variant: "sparkles-gradient" }}
-            text="Ready to get started? Let’s build something extraordinary together."
+            text="Join the global community. Contact us for any inquiries regarding programs or partnerships."
-            buttons={[
+            buttons={[{ text: "Contact Us", href: "mailto:admissions@rehbar.edu" }]}
-              { text: "Contact Us", href: "mailto:hello@rehbar.com" },
-            ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterSimple
-            logoText="Rehbar"
-            imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-88558.jpg?_wi=2"
             columns={[
-              { title: "Solutions", items: [{ label: "Strategy", href: "#" }, { label: "Insights", href: "#" }] },
+              { title: "Programs", items: [{ label: "3-Day Plan" }, { label: "7-Day Plan" }] },
-              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Degrees", items: [{ label: "CS & AI" }, { label: "Business & Finance" }] },
+              { title: "Support", items: [{ label: "Admissions" }, { label: "FAQ" }] }
             ]}
-            copyrightText="© 2025 Rehbar. All rights reserved."
+            bottomLeftText="© 2025 Rehbar Education"
+            bottomRightText="Empowering Futures"
           />
         </div>
       </ReactLenis>