Initial commit
This commit is contained in:
390
src/app/page.tsx
Normal file
390
src/app/page.tsx
Normal file
@@ -0,0 +1,390 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroShowcaseSplitOverlay from '@/components/sections/hero/HeroShowcaseSplitOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { BookOpen, Lightbulb, GraduationCap, Award, TrendingUp, Users, CheckCircle, Calendar, Star, HelpCircle, Phone, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeExtraSmallSpacing"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "feature" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now",
|
||||
href: "contact"
|
||||
}}
|
||||
brandName="Green Card"
|
||||
logoAlt="Green Card English School"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroShowcaseSplitOverlay
|
||||
title="Master English with Green Card"
|
||||
description="Expert-led English language courses for all levels. From beginner to advanced proficiency, achieve your language goals with proven teaching methods."
|
||||
tags={["All Levels", "Expert Instructors", "Certified Programs", "Online & In-Person"]}
|
||||
buttons={[
|
||||
{ text: "Start Learning", href: "contact" },
|
||||
{ text: "View Courses", href: "feature" }
|
||||
]}
|
||||
showcaseImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484273512-laxrceeq.jpg"
|
||||
showcaseImageAlt="Students learning English in classroom"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
|
||||
imageAlt="Green Card English School classroom"
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tagIcon={BookOpen}
|
||||
title="Transforming Lives Through English Excellence"
|
||||
description="Leading English Language School"
|
||||
subdescription="Serving 5000+ students since 2010"
|
||||
icon={Lightbulb}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
|
||||
imageAlt="Green Card English School"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNine
|
||||
title="Comprehensive Course Levels"
|
||||
description="Structured progression from A1 beginner to C2 mastery with interactive lessons"
|
||||
tag="Our Curriculum"
|
||||
tagIcon={GraduationCap}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Beginner to Intermediate",
|
||||
description: "Build foundational English skills with conversational practice and grammar essentials for everyday communication.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Advanced Professional English",
|
||||
description: "Master business communication, technical writing, and advanced conversation for professional success.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg"
|
||||
}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
buttons={[
|
||||
{ text: "Browse All Courses", href: "contact" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140110880-q16dspxs.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg"
|
||||
]}
|
||||
title="Trusted by Global Partners"
|
||||
description="Recognized and certified by world-leading educational institutions and assessment bodies"
|
||||
tag="Certifications"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSix
|
||||
title="Our Impact by Numbers"
|
||||
description="Proven results and student success across 15 years of English language education"
|
||||
tag="Statistics"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5000+",
|
||||
tag: "Students",
|
||||
tagIcon: Users,
|
||||
title: "Successful Learners Graduated"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "95%",
|
||||
tag: "Success Rate",
|
||||
tagIcon: CheckCircle,
|
||||
title: "Students Reach Target Level"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "45+",
|
||||
tag: "Expert Instructors",
|
||||
tagIcon: Award,
|
||||
title: "Professional Certified Teachers"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "15",
|
||||
tag: "Years",
|
||||
tagIcon: Calendar,
|
||||
title: "Delivering Excellence in Education"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Expert Instructors"
|
||||
description="Dedicated educators with international qualifications and years of teaching experience"
|
||||
tag="Leadership"
|
||||
tagIcon={Users}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Head of Curriculum",
|
||||
description: "CELTA certified with 12 years teaching experience across 6 countries. Specializes in advanced conversation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://example.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
role: "Pronunciation Specialist",
|
||||
description: "Master's in Phonetics from Cambridge. Expert in accent reduction and clear speech training.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484280475-f1uh14s0.jpg",
|
||||
imageAlt: "Maria Garcia",
|
||||
socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Wilson",
|
||||
role: "Business English Coach",
|
||||
description: "Former corporate trainer with 15 years in international business. Teaches professional communication.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
|
||||
imageAlt: "James Wilson",
|
||||
socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://example.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Exam Preparation Lead",
|
||||
description: "IELTS examiner and TOEFL specialist. Helped 1000+ students achieve their exam goals.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardNine
|
||||
title="Student Success Stories"
|
||||
description="Hear from our graduates who have transformed their English skills"
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
quote: "Green Card transformed my English skills completely. The instructors are knowledgeable and the course structure is perfect for busy professionals.",
|
||||
name: "Ahmed Hassan",
|
||||
role: "Marketing Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484284719-dcwertw4.jpg",
|
||||
imageAlt: "Ahmed Hassan"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
quote: "I passed my IELTS exam on the first attempt thanks to the excellent preparation courses. The teaching methods are engaging and effective.",
|
||||
name: "Liu Chen",
|
||||
role: "University Student",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
||||
imageAlt: "Liu Chen"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
quote: "The online classes are convenient and interactive. My confidence in speaking English has increased dramatically in just 6 months.",
|
||||
name: "Fatima Al-Mansouri",
|
||||
role: "Business Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484285681-xnlnbjbj.jpg",
|
||||
imageAlt: "Fatima Al-Mansouri"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
quote: "Professional instructors who truly care about student progress. I recommend Green Card to everyone wanting to improve their English.",
|
||||
name: "Carlos Rodriguez",
|
||||
role: "Software Engineer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484286527-6j0zht8w.jpg",
|
||||
imageAlt: "Carlos Rodriguez"
|
||||
}
|
||||
]}
|
||||
variant="card"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about our courses, enrollment, and learning experience"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the course levels available?",
|
||||
content: "We offer courses from A1 (Beginner) to C2 (Mastery) following the CEFR framework. Each level includes 60-80 hours of instruction with grammar, vocabulary, listening, speaking, reading, and writing components."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does each course take?",
|
||||
content: "Each course level typically takes 8-12 weeks depending on your learning pace and commitment. We offer flexible scheduling with options for intensive (3-4 hours/week) or extended (6-8 weeks) programs."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer exam preparation?",
|
||||
content: "Yes, we specialize in IELTS, TOEFL, Cambridge, and TOEIC exam preparation. Our exam specialists provide targeted training with mock tests and personalized feedback to help you achieve your target score."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are classes online or in-person?",
|
||||
content: "We offer both options! Choose from live in-person classes at our campus or online classes via video conference. Many students mix both formats based on their schedule."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is your refund policy?",
|
||||
content: "We offer a 14-day money-back guarantee if you're not satisfied with the course. Refunds are processed within 7 business days of request."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you provide certificates?",
|
||||
content: "Yes, upon course completion, students receive a Green Card certificate of proficiency. For exam preparation, you receive official exam certificates recognized internationally."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Start Your English Journey?"
|
||||
ctaDescription="Book a free consultation with one of our advisors to find the perfect course for your goals."
|
||||
ctaButton={{
|
||||
text: "Book Free Consultation",
|
||||
href: "#enrollment"
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I enroll?",
|
||||
content: "Simply click the enrollment button above or email us at enroll@greencard.edu. Our team will assess your level and recommend the best course for you."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What if I'm a complete beginner?",
|
||||
content: "No problem! Our A1 Beginner course is designed for complete beginners. We start from the very basics with pronunciation, simple grammar, and essential vocabulary."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I get a refund?",
|
||||
content: "We offer a 14-day money-back guarantee for all courses. If you're not satisfied, contact us for a full refund within the guarantee period."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept credit cards, bank transfers, and online payment platforms. Payment plans are also available for extended courses."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Green Card"
|
||||
copyrightText="© 2025 Green Card English School. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "https://facebook.com/greencard", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "https://twitter.com/greencard", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com/greencard", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/greencard", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user