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