Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -1,16 +1,6 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { BookOpen, MessageCircle, Sparkles, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,296 +17,134 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-indigo-50">
-          brandName="Capital Great"
+          <div className="text-center space-y-8 max-w-2xl px-6">
-          navItems={[
+            <div className="space-y-4">
-            { name: "Home", id: "hero" },
+              <h1 className="text-4xl md:text-6xl font-bold text-gray-900">
-            { name: "About", id: "about" },
+                Capital Great
-            { name: "Programs", id: "feature" },
+              </h1>
-            { name: "Team", id: "team" },
+              <p className="text-lg md:text-xl text-gray-600">
-            { name: "Testimonials", id: "testimonial" },
+                English Language School
-            { name: "Contact", id: "contact" }
+              </p>
-          ]}
+            </div>
-          button={{ text: "Enroll Now", href: "#pricing" }}
+            <div className="space-y-6">
-        />
+              <p className="text-gray-700 leading-relaxed">
+                Master English with expert instructors at Capital Great. Professional courses for all levels. Start your learning journey today.
+              </p>
+              <div className="flex flex-col sm:flex-row gap-4 justify-center">
+                <button className="bg-blue-600 text-white px-8 py-3 rounded-lg hover:bg-blue-700 transition-colors">
+                  Start Learning
+                </button>
+                <button className="border border-blue-600 text-blue-600 px-8 py-3 rounded-lg hover:bg-blue-50 transition-colors">
+                  Learn More
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-green-50 to-emerald-50">
-          logoText="CAPITAL GREAT"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Master English with expert instructors. Build confidence, fluency, and success."
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          buttons={[
+              Transform Your English Skills
-            { text: "Start Learning", href: "#pricing" },
+            </h2>
-            { text: "Learn More", href: "#about" }
+            <p className="text-gray-700">
-          ]}
+              Build confidence, fluency, and success with our comprehensive English programs.
-          slides={[
+            </p>
-            {
+          </div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
+        </div>
-              imageAlt: "English classroom with students learning"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
-              imageAlt: "English language learning and study materials"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
-              imageAlt: "Professional teaching and instruction"
-            }
-          ]}
-          autoplayDelay={4000}
-          showDimOverlay={true}
-        />
       </div>
 
       <div id="about" data-section="about">
-        <MediaAbout
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-purple-50 to-pink-50">
-          title="Transforming English Education"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Capital Great is dedicated to helping students achieve fluency and confidence in English. With experienced instructors and proven methodologies, we create a supportive learning environment where every student thrives."
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          tag="About Capital Great"
+              About Capital Great
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg"
+            </h2>
-          imageAlt="Capital Great English school campus"
+            <p className="text-gray-700">
-          buttons={[{ text: "Explore Programs", href: "#feature" }]}
+              Dedicated to helping students achieve fluency and confidence in English with experienced instructors and proven methodologies.
-          useInvertedBackground="noInvert"
+            </p>
-        />
+          </div>
+        </div>
       </div>
 
       <div id="feature" data-section="feature">
-        <FeatureCardOne
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-yellow-50 to-orange-50">
-          title="Our Teaching Programs"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Comprehensive English courses designed for all proficiency levels and learning goals"
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          tag="Programs"
+              Our Programs
-          features={[
+            </h2>
-            {
+            <p className="text-gray-700">
-              title: "Speaking & Conversation",
+              Speaking & Conversation, Grammar & Writing, Reading & Comprehension - comprehensive courses for all proficiency levels.
-              description: "Build confidence in real-world communication. Practice pronunciation, fluency, and natural conversation skills with interactive lessons.",
+            </p>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494973168-mwn1lqco.jpg",
+          </div>
-              imageAlt: "Interactive learning and speaking practice"
+        </div>
-            },
-            {
-              title: "Grammar & Writing",
-              description: "Master English grammar fundamentals and develop strong writing skills. From emails to essays, we cover it all.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494974186-q9l6jbqi.jpg",
-              imageAlt: "Grammar and writing skills development"
-            },
-            {
-              title: "Reading & Comprehension",
-              description: "Enhance your reading skills and vocabulary. Understand complex texts and expand your knowledge through engaging materials.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494975050-7ahm4emg.jpg",
-              imageAlt: "Reading comprehension and vocabulary building"
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardSix
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-teal-50 to-cyan-50">
-          title="Meet Our Expert Instructors"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Experienced educators passionate about English language excellence"
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          tag="Faculty"
+              Expert Instructors
-          members={[
+            </h2>
-            {
+            <p className="text-gray-700">
-              id: "1",
+              Meet our experienced educators passionate about English language excellence.
-              name: "Sarah Mitchell",
+            </p>
-              role: "Lead English Instructor",
+          </div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg",
+        </div>
-              imageAlt: "Sarah Mitchell"
-            },
-            {
-              id: "2",
-              name: "James Anderson",
-              role: "Conversation Specialist",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
-              imageAlt: "James Anderson"
-            },
-            {
-              id: "3",
-              name: "Emma Richards",
-              role: "Grammar & Writing Expert",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744252212-z0gag1ax.jpg",
-              imageAlt: "Emma Richards"
-            },
-            {
-              id: "4",
-              name: "David Cooper",
-              role: "Program Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744253290-n13juum2.jpg",
-              imageAlt: "David Cooper"
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="testimonial" data-section="testimonial">
-        <TestimonialCardNine
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-rose-50 to-red-50">
-          title="Success Stories"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Hear from our students and parents about their learning journey"
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          tag="Testimonials"
+              Success Stories
-          textboxLayout="default"
+            </h2>
-          useInvertedBackground="noInvert"
+            <p className="text-gray-700">
-          testimonials={[
+              Hear from our students about their transformative English learning journey with Capital Great.
-            {
+            </p>
-              id: "1",
+          </div>
-              quote: "Capital Great transformed my English skills. I went from struggling with conversations to confidently speaking with colleagues. The instructors are amazing!",
+        </div>
-              name: "Maria Garcia",
-              role: "Business Professional",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744254362-0vp7t6fe.jpg",
-              imageAlt: "Maria Garcia"
-            },
-            {
-              id: "2",
-              quote: "My daughter's confidence in English improved dramatically. The teaching methods are engaging and the progress is visible. Highly recommend!",
-              name: "Robert Chen",
-              role: "Parent",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766740383665-y2mozfdq.jpg",
-              imageAlt: "Robert Chen"
-            },
-            {
-              id: "3",
-              quote: "The interactive lessons and personalized attention made all the difference. I finally understand grammar and can write with confidence.",
-              name: "Alex Thompson",
-              role: "Student",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672733745-z17sze1s.jpg",
-              imageAlt: "Alex Thompson"
-            },
-            {
-              id: "4",
-              quote: "Best investment in education I've made. The curriculum is comprehensive and the instructors genuinely care about student success.",
-              name: "Lisa Martinez",
-              role: "Student Parent",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg",
-              imageAlt: "Lisa Martinez"
-            },
-            {
-              id: "5",
-              quote: "I achieved my IELTS goals thanks to Capital Great's targeted preparation courses. The teachers know exactly what you need.",
-              name: "Ahmed Hassan",
-              role: "Test Preparation Student",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
-              imageAlt: "Ahmed Hassan"
-            },
-            {
-              id: "6",
-              quote: "From beginner to intermediate in just 6 months. The structured approach and supportive environment made learning enjoyable.",
-              name: "Sophia Petrov",
-              role: "Language Learner",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672734552-1pi21ji6.jpg",
-              imageAlt: "Sophia Petrov"
-            }
-          ]}
-        />
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardTwo
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-indigo-50 to-blue-50">
-          title="Choose Your Learning Plan"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          description="Flexible pricing options for every learning goal and budget"
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          tag="Pricing"
+              Choose Your Plan
-          textboxLayout="default"
+            </h2>
-          useInvertedBackground="noInvert"
+            <p className="text-gray-700">
-          animationType="slide-up"
+              Flexible pricing options for every learning goal and budget. From starter to intensive programs.
-          plans={[
+            </p>
-            {
+          </div>
-              id: "starter",
+        </div>
-              badge: "Starter",
-              badgeIcon: BookOpen,
-              price: "$99/month",
-              subtitle: "Perfect for beginners",
-              features: [
-                "4 classes per month",
-                "Group learning sessions",
-                "Basic grammar materials",
-                "Email support"
-              ],
-              buttons: [{ text: "Get Started", href: "#contact" }]
-            },
-            {
-              id: "professional",
-              badge: "Professional",
-              badgeIcon: Sparkles,
-              price: "$199/month",
-              subtitle: "Most popular for professionals",
-              features: [
-                "8 classes per month",
-                "Mix of group and 1-on-1 sessions",
-                "Comprehensive curriculum",
-                "Progress tracking",
-                "Priority support"
-              ],
-              buttons: [{ text: "Enroll Now", href: "#contact" }]
-            },
-            {
-              id: "intensive",
-              badge: "Intensive",
-              badgeIcon: Zap,
-              price: "$349/month",
-              subtitle: "For serious learners",
-              features: [
-                "16 classes per month",
-                "Personalized 1-on-1 coaching",
-                "Advanced materials",
-                "Speaking practice hours",
-                "Test preparation",
-                "24/7 support"
-              ],
-              buttons: [{ text: "Start Intensive", href: "#contact" }]
-            }
-          ]}
-        />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactFaq
+        <div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-gray-50 to-slate-50">
-          ctaTitle="Start Your English Journey"
+          <div className="text-center space-y-4 max-w-xl px-6">
-          ctaDescription="Get in touch with our team to discuss your learning goals and find the perfect program."
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
-          ctaButton={{ text: "Contact Us", href: "mailto:info@capitalgreat.com" }}
+              Start Your Journey
-          ctaIcon={MessageCircle}
+            </h2>
-          animationType="slide-up"
+            <p className="text-gray-700">
-          useInvertedBackground="noInvert"
+              Get in touch with our team to discuss your learning goals and find the perfect program.
-          faqs={[
+            </p>
-            {
+          </div>
-              id: "1",
+        </div>
-              title: "What is the minimum age for enrollment?",
-              content: "We welcome students from age 8 and above. We have specialized programs for children, teenagers, and adults with age-appropriate content and teaching methods."
-            },
-            {
-              id: "2",
-              title: "Do you offer trial classes?",
-              content: "Yes! We offer a free 30-minute trial class so you can experience our teaching style and meet our instructors before making a commitment."
-            },
-            {
-              id: "3",
-              title: "What is your class schedule?",
-              content: "We offer flexible scheduling with classes available morning, afternoon, and evening. Most classes are held on weekdays and weekends to accommodate different schedules."
-            },
-            {
-              id: "4",
-              title: "Do you prepare for language tests?",
-              content: "Absolutely! We provide specialized preparation for IELTS, TOEFL, Cambridge exams, and other international English proficiency tests."
-            },
-            {
-              id: "5",
-              title: "What is your refund policy?",
-              content: "We offer a 2-week money-back guarantee if you're not satisfied with our program. After 2 weeks, you can cancel with 30 days notice."
-            },
-            {
-              id: "6",
-              title: "Can I switch programs if needed?",
-              content: "Yes, you can switch between programs anytime. Our team will help you find the right fit for your evolving learning needs."
-            }
-          ]}
-        />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoReveal logoText="Capital Great" />
+        <div className="bg-gray-900 text-white py-12">
+          <div className="text-center space-y-4">
+            <h3 className="text-2xl font-bold">Capital Great</h3>
+            <p className="text-gray-300">English Language School</p>
+            <p className="text-gray-400 text-sm">
+              © 2024 Capital Great. All rights reserved.
+            </p>
+          </div>
+        </div>
       </div>
     </ThemeProvider>
   );