From 78dbc8a94a5262150608b8f95cf8af15f89f5188 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Thu, 22 Jan 2026 12:04:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 157 ++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 135 insertions(+), 22 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6de268a..40888db 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,8 +6,12 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Zap, CheckCircle, Users, TrendingUp, Award, Star } from "lucide-react";
+import { Zap, CheckCircle, Users, TrendingUp, Award, Star, Sparkles, Crown } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -40,7 +44,7 @@ export default function HomePage() {
         <HeroBillboard
           title="Learn to Code Without the Google Trap"
           description="Master web development, cloud computing, and AI at NoGoogle—the independent IT school built by developers, for developers."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Start Your Tech Journey"
           tagIcon={Zap}
           imageSrc="https://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
@@ -77,24 +81,16 @@ export default function HomePage() {
           mediaPosition="right"
           accordionItems={[
             {
-              id: "1",
-              title: "Hands-On Project-Based Learning",
-              content: "Build real applications from day one. Learn by doing with projects that matter and code that ships."
+              id: "1",              title: "Hands-On Project-Based Learning",              content: "Build real applications from day one. Learn by doing with projects that matter and code that ships."
             },
             {
-              id: "2",
-              title: "Industry-Expert Instructors",
-              content: "Learn from developers working at top tech companies. Get mentorship from people actively building the future."
+              id: "2",              title: "Industry-Expert Instructors",              content: "Learn from developers working at top tech companies. Get mentorship from people actively building the future."
             },
             {
-              id: "3",
-              title: "Flexible Curriculum",
-              content: "Choose your path: web development, cloud architecture, AI/ML, or full-stack engineering. Learn at your pace."
+              id: "3",              title: "Flexible Curriculum",              content: "Choose your path: web development, cloud architecture, AI/ML, or full-stack engineering. Learn at your pace."
             },
             {
-              id: "4",
-              title: "Job-Ready Skills",
-              content: "Our curriculum is designed with hiring managers. Graduate with skills companies are actively seeking."
+              id: "4",              title: "Job-Ready Skills",              content: "Our curriculum is designed with hiring managers. Graduate with skills companies are actively seeking."
             }
           ]}
         />
@@ -116,13 +112,133 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Flexible Learning Plans"
+          description="Choose the program that fits your goals and budget."
+          tag="Pricing"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          plans={[
+            {
+              id: "beginner",              badge: "Perfect Start",              badgeIcon: Sparkles,
+              price: "$299",              subtitle: "Per month",              buttons: [{ text: "Get Started", href: "/enroll" }],
+              features: [
+                "Fundamentals of Web Development",                "12 weeks of coursework",                "Community access",                "Project portfolio building",                "Email support"
+              ]
+            },
+            {
+              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$599",              subtitle: "Per month",              buttons: [{ text: "Enroll Now", href: "/enroll" }],
+              features: [
+                "Full-Stack Development Track",                "24 weeks of intensive training",                "1-on-1 mentorship",                "Industry project experience",                "Job preparation support",                "Career coaching"
+              ]
+            },
+            {
+              id: "enterprise",              badge: "Premium",              badgeIcon: Crown,
+              price: "$999",              subtitle: "Per month",              buttons: [{ text: "Book Consultation", href: "/contact" }],
+              features: [
+                "Advanced AI & Cloud Engineering",                "36 weeks specialized track",                "Premium mentorship",                "Live industry collaboration",                "Advanced portfolio projects",                "Priority job placement",                "Lifetime alumni network"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardOne
+          title="Student Success Stories"
+          description="Hear from graduates who have transformed their tech careers."
+          tag="Testimonials"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Chen",              role: "Senior Developer",              company: "TechCorp",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-library_23-2149204753.jpg",              imageAlt: "Sarah Chen"
+            },
+            {
+              id: "2",              name: "Marcus Johnson",              role: "Full Stack Engineer",              company: "StartupXYZ",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/closeup-happy-senior-expert-with-flipchart_1262-1745.jpg",              imageAlt: "Marcus Johnson"
+            },
+            {
+              id: "3",              name: "Emily Rodriguez",              role: "Cloud Architect",              company: "CloudInnovate",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg",              imageAlt: "Emily Rodriguez"
+            },
+            {
+              id: "4",              name: "David Kim",              role: "AI Engineer",              company: "FutureTech",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg",              imageAlt: "David Kim"
+            },
+            {
+              id: "5",              name: "Jessica Patel",              role: "Product Engineer",              company: "InnovateLabs",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/portrait-caucasian-content-teacher-with-folded-hands_74855-10318.jpg",              imageAlt: "Jessica Patel"
+            },
+            {
+              id: "6",              name: "Alex Thompson",              role: "Software Architect",              company: "CodeWorks",              rating: 5,
+              imageSrc: "https://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",              imageAlt: "Alex Thompson"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          title="Meet Our Instructors"
+          description="Learn from experienced developers and tech leaders."
+          tag="Team"
+          tagIcon={Users}
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          members={[
+            {
+              id: "1",              name: "Dr. Alex Patterson",              role: "Founder & Lead Instructor",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Dr. Alex Patterson"
+            },
+            {
+              id: "2",              name: "Maya Desai",              role: "Full Stack Engineer",              imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",              imageAlt: "Maya Desai"
+            },
+            {
+              id: "3",              name: "James Chen",              role: "Cloud Infrastructure Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Chen"
+            },
+            {
+              id: "4",              name: "Lisa Kowalski",              role: "AI & Machine Learning Expert",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-studying-math_23-2150444951.jpg",              imageAlt: "Lisa Kowalski"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions about our programs? We'd love to hear from you. Drop us a message and our team will get back to you within 24 hours."
+          buttonText="Send Message"
+          useInvertedBackground="invertDefault"
+          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
+          imageAlt="Contact us"
+          mediaPosition="right"
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
+            { name: "course", type: "text", placeholder: "Interested Course", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your interest in NoGoogle...",            rows: 5,
+            required: true
+          }}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="NoGoogle"
           columns={[
             {
-              title: "Programs",
-              items: [
+              title: "Programs",              items: [
                 { label: "Web Development", href: "/courses/web-development" },
                 { label: "Cloud Engineering", href: "/courses/cloud-engineering" },
                 { label: "AI & Machine Learning", href: "/courses/ai-ml" },
@@ -130,8 +246,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "/team" },
                 { label: "Blog", href: "/blog" },
@@ -139,8 +254,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "FAQ", href: "/faq" },
                 { label: "Documentation", href: "/docs" },
                 { label: "Community", href: "/community" },
@@ -148,8 +262,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Twitter", href: "https://twitter.com" },
                 { label: "GitHub", href: "https://github.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },