From 960738fd04bad2be0e4f34cda98ddb39c9086913 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 10:01:12 +0000
Subject: [PATCH] Update src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 242 +++++++++++++++++++----------------------
 1 file changed, 113 insertions(+), 129 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 385aa48..d723cb5 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -5,148 +5,132 @@ import HeroBrand from '@/components/sections/hero/HeroBrand';
 import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
 import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
 import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-import { Award, BookOpen, Globe, GraduationCap, MessageCircle, Smile } from "lucide-react";
+import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
 
 export default function HomePage() {
   return (
     <>
-  <div id="hero" data-section="hero">
-      <HeroBrand
-      brand="Master English with Znat"
-      description="Unlock global opportunities through our tailored English language programs. Expert instructors, modern curriculum, and proven success results."
-      primaryButton={{
-        text: "Start Learning",        href: "#pricing"}}
-      secondaryButton={{
-        text: "Learn More",        href: "#features"}}
-      imageSrc="http://img.b2bpic.net/free-photo/paper-heart-with-envelope-stationery_23-2148151320.jpg"
-    />
-  </div>
+      <div id="hero" data-section="hero">
+        <HeroBrand
+          brand="Master English with Znat"
+          description="Unlock global opportunities through our tailored English language programs. Expert instructors, modern curriculum, and proven success results."
+          primaryButton={{ text: "Start Learning", href: "#pricing" }}
+          secondaryButton={{ text: "Learn More", href: "#features" }}
+          imageSrc="http://img.b2bpic.net/free-photo/paper-heart-with-envelope-stationery_23-2148151320.jpg"
+        />
+      </div>
 
-  <div id="features" data-section="features">
-      <FeaturesDualMedia
-      tag="Our Advantage"
-      title="Why Choose Znat?"
-      description="Our unique approach combines immersive technology with proven pedagogical techniques."
-      items={[
-        {
-          icon: "BookOpen",          title: "Interactive Curriculum",          description: "Engaging lessons that make learning English natural and efficient.",          mediaItems: [
+      <div id="features" data-section="features">
+        <FeaturesDualMedia
+          tag="Our Advantage"
+          title="Why Choose Znat?"
+          description="Our unique approach combines immersive technology with proven pedagogical techniques."
+          items={[
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3937.jpg"},
+              icon: "BookOpen",              title: "Interactive Curriculum",              description: "Engaging lessons that make learning English natural and efficient.",              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3937.jpg" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg" },
+              ],
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg"},
-          ],
-        },
-        {
-          icon: "MessageCircle",          title: "Real-world Practice",          description: "Focus on speaking skills and confidence in real life communication.",          mediaItems: [
+              icon: "MessageCircle",              title: "Real-world Practice",              description: "Focus on speaking skills and confidence in real life communication.",              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/side-view-teacher-explaining-chalkboard_23-2148665906.jpg" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/white-blank-speech-bubble-with-shadow-yellow-background_23-2147948812.jpg" },
+              ],
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-teacher-explaining-chalkboard_23-2148665906.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/white-blank-speech-bubble-with-shadow-yellow-background_23-2147948812.jpg"},
-          ],
-        },
-        {
-          icon: "Award",          title: "Proven Results",          description: "Helping thousands of students achieve fluency and certification goals.",          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/graduation-label-collection-with-flat-design_23-2147864853.jpg"},
-          ],
-        },
-      ]}
-    />
-  </div>
+              icon: "Award",              title: "Proven Results",              description: "Helping thousands of students achieve fluency and certification goals.",              mediaItems: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg" },
+                { imageSrc: "http://img.b2bpic.net/free-vector/graduation-label-collection-with-flat-design_23-2147864853.jpg" },
+              ],
+            },
+          ]}
+        />
+      </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingSimpleCards
-      tag="Affordable Plans"
-      title="Flexible Learning"
-      description="Choose the pace and intensity that fits your lifestyle."
-      plans={[
-        {
-          tag: "Beginner",          price: "$199",          description: "Introduction to essential English skills.",          features: [
-            "Interactive modules",            "Weekly group sessions",            "Basic certification"],
-        },
-        {
-          tag: "Professional",          price: "$349",          description: "Focus on business English and career growth.",          features: [
-            "1-on-1 tutoring",            "Career coaching",            "Advanced certificate"],
-        },
-        {
-          tag: "Intensive",          price: "$599",          description: "Rapid acceleration toward fluency.",          features: [
-            "Daily classes",            "Direct mentorship",            "Priority placement"],
-        },
-      ]}
-    />
-  </div>
+      <div id="pricing" data-section="pricing">
+        <PricingSimpleCards
+          tag="Affordable Plans"
+          title="Flexible Learning"
+          description="Choose the pace and intensity that fits your lifestyle."
+          plans={[
+            {
+              tag: "Beginner",              price: "$199",              description: "Introduction to essential English skills.",              features: ["Interactive modules", "Weekly group sessions", "Basic certification"],
+            },
+            {
+              tag: "Professional",              price: "$349",              description: "Focus on business English and career growth.",              features: ["1-on-1 tutoring", "Career coaching", "Advanced certificate"],
+            },
+            {
+              tag: "Intensive",              price: "$599",              description: "Rapid acceleration toward fluency.",              features: ["Daily classes", "Direct mentorship", "Priority placement"],
+            },
+          ]}
+        />
+      </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricsIconCards
-      tag="Our Impact"
-      title="Success in Numbers"
-      metrics={[
-        {
-          icon: "GraduationCap",          title: "Students Graduated",          value: "5,000+"},
-        {
-          icon: "Smile",          title: "Success Rate",          value: "98%"},
-        {
-          icon: "Globe",          title: "Global Partners",          value: "20+"},
-      ]}
-      description="We are proud of the achievements our students have reached through our programs."
-    />
-  </div>
+      <div id="metrics" data-section="metrics">
+        <MetricsIconCards
+          tag="Our Impact"
+          title="Success in Numbers"
+          metrics={[
+            { icon: "GraduationCap", title: "Students Graduated", value: "5,000+" },
+            { icon: "Smile", title: "Success Rate", value: "98%" },
+            { icon: "Globe", title: "Global Partners", value: "20+" },
+          ]}
+          description="We are proud of the achievements our students have reached through our programs."
+        />
+      </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialOverlayCards
-      tag="Success Stories"
-      title="Hear from our students"
-      testimonials={[
-        {
-          name: "Alex R.",          role: "Software Engineer",          company: "TechGlobal",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg"},
-        {
-          name: "Maria K.",          role: "Marketing Lead",          company: "GrowthCo",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg"},
-        {
-          name: "David L.",          role: "Student",          company: "University of London",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg"},
-        {
-          name: "Elena P.",          role: "Executive",          company: "International Trade",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg"},
-        {
-          name: "John S.",          role: "Consultant",          company: "Business Solutions",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg"},
-      ]}
-      description="Real people achieving real results with Znat."
-    />
-  </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialOverlayCards
+          tag="Success Stories"
+          title="Hear from our students"
+          testimonials={[
+            { name: "Alex R.", role: "Software Engineer", company: "TechGlobal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg" },
+            { name: "Maria K.", role: "Marketing Lead", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg" },
+            { name: "David L.", role: "Student", company: "University of London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg" },
+            { name: "Elena P.", role: "Executive", company: "International Trade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg" },
+            { name: "John S.", role: "Consultant", company: "Business Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg" },
+          ]}
+          description="Real people achieving real results with Znat."
+        />
+      </div>
 
-  <div id="faq" data-section="faq">
-      <FaqTwoColumn
-      tag="Common Questions"
-      title="How Znat Works"
-      items={[
-        {
-          question: "What happens if I miss a class?",          answer: "All sessions are recorded and available for later viewing."},
-        {
-          question: "Are the materials included?",          answer: "Yes, all course materials and textbooks are provided digitally."},
-        {
-          question: "Do I need prior knowledge?",          answer: "We offer placement tests to ensure you join the right level."},
-        {
-          question: "Can I switch plans?",          answer: "Absolutely, contact your mentor anytime to adjust your learning path."},
-      ]}
-      description="Get quick answers to common questions about our programs."
-    />
-  </div>
+      <div id="faq" data-section="faq">
+        <FaqTwoColumn
+          tag="Common Questions"
+          title="How Znat Works"
+          items={[
+            { question: "What happens if I miss a class?", answer: "All sessions are recorded and available for later viewing." },
+            { question: "Are the materials included?", answer: "Yes, all course materials and textbooks are provided digitally." },
+            { question: "Do I need prior knowledge?", answer: "We offer placement tests to ensure you join the right level." },
+            { question: "Can I switch plans?", answer: "Absolutely, contact your mentor anytime to adjust your learning path." },
+          ]}
+          description="Get quick answers to common questions about our programs."
+        />
+      </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Get Started"
-      title="Begin Your Journey"
-      description="Sign up for a free consultation today and find your level."
-      inputPlaceholder="Enter your email address"
-      buttonText="Join Now"
-      termsText="By signing up, you agree to our terms of service."
-    />
-  </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Begin Your Journey"
+          description="Sign up for a free consultation today and find your level."
+          inputPlaceholder="Enter your email address"
+          buttonText="Join Now"
+          termsText="By signing up, you agree to our terms of service."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimpleCard
+          brand="Znat English School"
+          columns={[
+            { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Terms of Service", href: "#" }] }
+          ]}
+          copyright="© 2024 Znat. All rights reserved."
+          links={[{ label: "Privacy Policy", href: "#" }]}
+        />
+      </div>
     </>
   );
 }
-- 
2.49.1