mulika-local/98d2ff67-bc77-4dc2-8d3f-a652781f7218
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
mulika-local
2025-12-26 10:23:35 +00:00
parent e545ca5a7e 1122f63dc5
commit 1633011b8b
1 changed files with 104 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

389
src/app/page.tsx
View File

@@ -1,16 +1,6 @@
"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, Linkedin } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,305 +17,134 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Capital Great"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Programs", id: "feature" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonial" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Enroll Now", href: "#pricing" }}
/>
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-indigo-50">
<div className="text-center space-y-8 max-w-2xl px-6">
<div className="space-y-4">
<h1 className="text-4xl md:text-6xl font-bold text-gray-900">
Capital Great
</h1>
<p className="text-lg md:text-xl text-gray-600">
English Language School
</p>
</div>
<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
logoText="CAPITAL GREAT"
description="Master English with expert instructors. Build confidence, fluency, and success."
buttons={[
{ text: "Start Learning", href: "#pricing" },
{ text: "Learn More", href: "#about" }
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-green-50 to-emerald-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Transform Your English Skills
</h2>
<p className="text-gray-700">
Build confidence, fluency, and success with our comprehensive English programs.
</p>
</div>
</div>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Transforming English Education"
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."
tag="About Capital Great"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg"
imageAlt="Capital Great English school campus"
buttons={[{ text: "Explore Programs", href: "#feature" }]}
useInvertedBackground="noInvert"
/>
<div className="min-h-96 flex items-center justify-center bg-gradient-to-br from-purple-50 to-pink-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
About Capital Great
</h2>
<p className="text-gray-700">
Dedicated to helping students achieve fluency and confidence in English with experienced instructors and proven methodologies.
</p>
</div>
</div>
</div>
<div id="feature" data-section="feature">
<FeatureCardOne
title="Our Teaching Programs"
description="Comprehensive English courses designed for all proficiency levels and learning goals"
tag="Programs"
features={[
{
title: "Speaking & Conversation",
description: "Build confidence in real-world communication. Practice pronunciation, fluency, and natural conversation skills with interactive lessons.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494973168-mwn1lqco.jpg",
imageAlt: "Interactive learning and speaking practice"
},
{
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-yellow-50 to-orange-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Our Programs
</h2>
<p className="text-gray-700">
Speaking & Conversation, Grammar & Writing, Reading & Comprehension - comprehensive courses for all proficiency levels.
</p>
</div>
</div>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Expert Instructors"
description="Experienced educators passionate about English language excellence"
tag="Faculty"
members={[
{
id: "1",
name: "Sarah Mitchell",
role: "Lead English Instructor",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg",
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-teal-50 to-cyan-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Expert Instructors
</h2>
<p className="text-gray-700">
Meet our experienced educators passionate about English language excellence.
</p>
</div>
</div>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardNine
title="Success Stories"
description="Hear from our students and parents about their learning journey"
tag="Testimonials"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
quote: "Capital Great transformed my English skills. I went from struggling with conversations to confidently speaking with colleagues. The instructors are amazing!",
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-rose-50 to-red-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Success Stories
</h2>
<p className="text-gray-700">
Hear from our students about their transformative English learning journey with Capital Great.
</p>
</div>
</div>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Choose Your Learning Plan"
description="Flexible pricing options for every learning goal and budget"
tag="Pricing"
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
plans={[
{
id: "starter",
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-indigo-50 to-blue-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Choose Your Plan
</h2>
<p className="text-gray-700">
Flexible pricing options for every learning goal and budget. From starter to intensive programs.
</p>
</div>
</div>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Start Your English Journey"
ctaDescription="Get in touch with our team to discuss your learning goals and find the perfect program."
ctaButton={{ text: "Contact Us", href: "mailto:info@capitalgreat.com" }}
ctaIcon={MessageCircle}
animationType="slide-up"
useInvertedBackground="noInvert"
faqs={[
{
id: "1",
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 className="min-h-96 flex items-center justify-center bg-gradient-to-br from-gray-50 to-slate-50">
<div className="text-center space-y-4 max-w-xl px-6">
<h2 className="text-3xl md:text-4xl font-bold text-gray-900">
Start Your Journey
</h2>
<p className="text-gray-700">
Get in touch with our team to discuss your learning goals and find the perfect program.
</p>
</div>
</div>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Capital Great"
socialLinks={[
{
icon: Linkedin,
href: "https://www.linkedin.com/company/capital-great",
ariaLabel: "LinkedIn"
}
]}
/>
<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>
);