From 05347fa0d58392b61f9849ed261d3e042e0b4380 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Tue, 20 Jan 2026 13:13:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 101 +++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 90 insertions(+), 11 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c812e7d..792363b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,9 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import AboutMetric from '@/components/sections/about/AboutMetric';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Sparkles, Users, Award, Briefcase, Star, Heart } from 'lucide-react';
+import { Sparkles, Users, Award, Briefcase, Star, Heart, Zap, DollarSign, Mail } from 'lucide-react';
 
 export default function HomePage() {
   return (
@@ -27,14 +30,13 @@ export default function HomePage() {
           brandName="Love Code"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Courses", id: "/courses" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Contact", id: "/contact" }
+            { name: "About", id: "about" },
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Get Started",
-            href: "/contact"
+            text: "Get Started",            href: "#contact"
           }}
         />
       </div>
@@ -46,8 +48,8 @@ export default function HomePage() {
           tag="Start Learning Today"
           tagIcon={Sparkles}
           buttons={[
-            { text: "Explore Courses", href: "/courses" },
-            { text: "Book Free Trial", href: "/contact" }
+            { text: "Explore Courses", href: "#features" },
+            { text: "Book Free Trial", href: "#contact" }
           ]}
           carouselItems={[
             { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg", imageAlt: "Student coding on laptop" },
@@ -71,7 +73,66 @@ export default function HomePage() {
             { icon: Briefcase, label: "Job Placements", value: "1,200+" },
             { icon: Star, label: "Expert Instructors", value: "50+" }
           ]}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Our Comprehensive Courses"
+          description="Choose from our selection of industry-relevant courses designed to prepare you for a successful tech career"
+          tag="Featured Programs"
+          tagIcon={Zap}
+          features={[
+            {
+              title: "Web Development",              description: "Master HTML, CSS, JavaScript, React, and full-stack development. Build responsive, modern websites and web applications.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",              imageAlt: "Web development course",              button: { text: "Learn More", href: "#contact" }
+            },
+            {
+              title: "Mobile App Development",              description: "Learn iOS and Android development. Create powerful native apps that reach millions of users worldwide.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Mobile app development",              button: { text: "Learn More", href: "#contact" }
+            },
+            {
+              title: "Python & Backend",              description: "Discover server-side programming with Python, databases, APIs, and cloud infrastructure. Build scalable applications.",              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",              imageAlt: "Python programming course",              button: { text: "Learn More", href: "#contact" }
+            },
+            {
+              title: "Game Development",              description: "Create immersive 3D games using Unity and Unreal Engine. Learn game mechanics, physics, and interactive storytelling.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg",              imageAlt: "Game development course",              button: { text: "Learn More", href: "#contact" }
+            }
+          ]}
+          textboxLayout="default"
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Flexible Pricing Plans"
+          description="Select the perfect plan for your learning journey. All plans include certification and lifetime course access."
+          tag="Affordable Education"
+          tagIcon={DollarSign}
+          plans={[
+            {
+              id: "basic",              badge: "Great for Beginners",              badgeIcon: Sparkles,
+              price: "$99/mo",              subtitle: "Start your coding journey",              features: [
+                "1 course access",                "Weekly live sessions",                "Community support",                "Certificate on completion"
+              ]
+            },
+            {
+              id: "pro",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$199/mo",              subtitle: "Accelerate your learning",              features: [
+                "Unlimited course access",                "Daily live sessions",                "1-on-1 mentorship",                "Job placement assistance",                "Certificate of completion"
+              ]
+            },
+            {
+              id: "premium",              badge: "For Professionals",              badgeIcon: Award,
+              price: "$299/mo",              subtitle: "Master advanced skills",              features: [
+                "All courses included",                "Priority mentorship",                "Career coaching",                "Portfolio review",                "Guaranteed job placement",                "Lifetime support"
+              ]
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -85,7 +146,9 @@ export default function HomePage() {
             { id: "1", name: "Sarah Johnson", role: "Frontend Developer", company: "Tech Startup Inc.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg", imageAlt: "Sarah Johnson" },
             { id: "2", name: "Michael Chen", role: "Full Stack Engineer", company: "Digital Solutions Co.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg", imageAlt: "Michael Chen" },
             { id: "3", name: "Emma Rodriguez", role: "App Developer", company: "Mobile First Labs", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg", imageAlt: "Emma Rodriguez" },
-            { id: "4", name: "David Kim", role: "Python Developer", company: "Cloud Services Ltd.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "David Kim" }
+            { id: "4", name: "David Kim", role: "Python Developer", company: "Cloud Services Ltd.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "David Kim" },
+            { id: "5", name: "Lisa Thompson", role: "Game Developer", company: "Creative Games Studio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg", imageAlt: "Lisa Thompson" },
+            { id: "6", name: "James Wilson", role: "Senior Developer", company: "Enterprise Systems", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg", imageAlt: "James Wilson" }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -94,6 +157,22 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get in Touch"
+          tagIcon={Mail}
+          title="Ready to Start Your Tech Journey?"
+          description="Join hundreds of successful students who have transformed their careers with Love Code. Sign up for our newsletter to get course updates, special offers, and learning tips delivered to your inbox."
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/man-working-as-freelancer-home-his-laptop_23-2148690604.jpg"
+          imageAlt="Love Code learning community"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
       <FooterLogoReveal logoText="Love Code" />
     </ThemeProvider>
   );