25 Commits

Author SHA1 Message Date
2cb589817f Merge version_13 into main
Merge version_13 into main
2025-12-23 11:36:14 +00:00
443bb21f69 Update src/app/page.tsx 2025-12-23 11:36:09 +00:00
be3b437875 Merge version_12 into main
Merge version_12 into main
2025-12-23 11:29:46 +00:00
3c7f9be0b1 Update src/app/page.tsx 2025-12-23 11:29:42 +00:00
94f77838e6 Merge version_11 into main
Merge version_11 into main
2025-12-23 11:25:05 +00:00
37d254e0d4 Update src/app/page.tsx 2025-12-23 11:25:00 +00:00
8c1e8aa24e Merge version_10 into main
Merge version_10 into main
2025-12-23 11:22:41 +00:00
cce39e5eae Update src/app/page.tsx 2025-12-23 11:22:37 +00:00
b6ca204314 Merge version_9 into main
Merge version_9 into main
2025-12-23 11:14:48 +00:00
421582e649 Update src/app/page.tsx 2025-12-23 11:14:43 +00:00
0e5479f7ac Update src/app/page.tsx 2025-12-23 11:06:55 +00:00
b17fcdeb11 Merge version_7 into main
Merge version_7 into main
2025-12-23 11:03:39 +00:00
bfee0efe22 Update src/app/page.tsx 2025-12-23 11:03:35 +00:00
642415cc14 Merge version_6 into main
Merge version_6 into main
2025-12-23 11:00:28 +00:00
c249261fc9 Update src/app/page.tsx 2025-12-23 11:00:24 +00:00
ff8aa85c62 Merge version_5 into main
Merge version_5 into main
2025-12-23 10:56:36 +00:00
53501e1883 Update src/app/page.tsx 2025-12-23 10:56:32 +00:00
e0b8047cd8 Merge version_4 into main
Merge version_4 into main
2025-12-23 10:53:34 +00:00
4b745d5c71 Update src/app/page.tsx 2025-12-23 10:53:29 +00:00
66036849ee Merge version_3 into main
Merge version_3 into main
2025-12-23 10:40:21 +00:00
a06637e181 Update src/app/page.tsx 2025-12-23 10:40:17 +00:00
7add1f2920 Update src/app/layout.tsx 2025-12-23 10:40:16 +00:00
a08143fedd Update src/app/globals.css 2025-12-23 10:40:15 +00:00
aa15762507 Merge version_2 into main
Merge version_2 into main
2025-12-23 10:09:33 +00:00
2e6531a998 Update src/app/page.tsx 2025-12-23 10:09:29 +00:00
3 changed files with 223 additions and 118 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */
/* --vw is set by ThemeProvider */
--background: #f5faff;;
--card: #f1f8ff;;
--foreground: #001122;;
--primary-cta: #15479c;;
--secondary-cta: #ffffff;;
--accent: #0059b3;;
--background-accent: #15479c;;
--background: #ffff00;
--card: #fffaf0;
--foreground: #000000;
--primary-cta: #000000;
--secondary-cta: #ffff00;
--accent: #cccc00;
--background-accent: #ffff99;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-noto-sans), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-noto-sans), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
}

View File

@@ -1273,4 +1273,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -1,17 +1,19 @@
"use client"
"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 SplitAbout from '@/components/sections/about/SplitAbout';
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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import { BookOpen, Lightbulb, GraduationCap, Award, TrendingUp, Users, CheckCircle, Calendar, Star, HelpCircle, Phone, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
export default function LandingPage() {
@@ -51,10 +53,8 @@ export default function LandingPage() {
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" }
]}
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"
@@ -64,16 +64,33 @@ export default function LandingPage() {
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
<SplitAbout
tag="Our Story"
tagIcon={BookOpen}
title="Transforming Lives Through English Excellence"
description="Leading English Language School"
subdescription="Serving 5000+ students since 2010"
icon={Lightbulb}
description="Leading English Language School serving 5000+ students since 2010 with expert instructors and proven teaching methods."
textboxLayout="default"
useInvertedBackground="noInvert"
bulletPoints={[
{
title: "Expert Instructors",
description: "CELTA and TEFL certified teachers with international experience and proven track records.",
icon: Lightbulb
},
{
title: "Comprehensive Programs",
description: "From A1 beginner to C2 advanced levels with specialized exam preparation courses.",
icon: GraduationCap
},
{
title: "Flexible Learning",
description: "Choose between online classes, in-person sessions, or a hybrid approach that fits your schedule.",
icon: CheckCircle
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
imageAlt="Green Card English School"
useInvertedBackground="noInvert"
imagePosition="right"
/>
</div>
@@ -108,38 +125,14 @@ export default function LandingPage() {
}
]}
showStepNumbers={true}
buttons={[
{ text: "Browse All Courses", href: "contact" }
]}
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
<MetricCardOne
title="Our Impact by Numbers"
description="Proven results and student success across 15 years of English language education"
tag="Statistics"
@@ -147,31 +140,31 @@ export default function LandingPage() {
metrics={[
{
id: "1",
value: "5000+",
tag: "Students",
tagIcon: Users,
title: "Successful Learners Graduated"
value: "5000",
title: "Students",
description: "Successful Learners Graduated",
icon: Users
},
{
id: "2",
value: "95%",
tag: "Success Rate",
tagIcon: CheckCircle,
title: "Students Reach Target Level"
value: "95",
title: "Success Rate",
description: "Students Reach Target Level",
icon: CheckCircle
},
{
id: "3",
value: "45+",
tag: "Expert Instructors",
tagIcon: Award,
title: "Professional Certified Teachers"
value: "45",
title: "Expert Instructors",
description: "Professional Certified Teachers",
icon: Award
},
{
id: "4",
value: "15",
tag: "Years",
tagIcon: Calendar,
title: "Delivering Excellence in Education"
title: "Years",
description: "Delivering Excellence in Education",
icon: Calendar
}
]}
gridVariant="four-items-2x2-equal-grid"
@@ -183,7 +176,7 @@ export default function LandingPage() {
</div>
<div id="team" data-section="team">
<TeamCardTwo
<TeamCardThree
title="Meet Our Expert Instructors"
description="Dedicated educators with international qualifications and years of teaching experience"
tag="Leadership"
@@ -193,52 +186,47 @@ export default function LandingPage() {
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" }
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.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" }
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.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" }
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.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" }
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
}
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
containerStyle="default"
textboxLayout="default"
@@ -247,46 +235,42 @@ export default function LandingPage() {
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardNine
<FeatureCardEight
features={[
{
id: 1,
title: "Foundation Building",
description: "Master the essentials of English grammar, vocabulary, and basic communication skills needed for everyday situations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg",
imageAlt: "Foundation Building course"
},
{
id: 2,
title: "Intermediate Progress",
description: "Build confidence in conversations and develop skills for work and social interactions with intermediate-level competency.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg",
imageAlt: "Intermediate Progress course"
},
{
id: 3,
title: "Advanced Mastery",
description: "Achieve fluency and professional proficiency with advanced grammar, nuanced vocabulary, and sophisticated communication abilities.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg",
imageAlt: "Advanced Mastery course"
},
{
id: 4,
title: "Exam Excellence",
description: "Prepare for IELTS, TOEFL, and Cambridge exams with targeted strategies, practice tests, and expert guidance from certified examiners.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484273512-laxrceeq.jpg",
imageAlt: "Exam Excellence course"
}
]}
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"
buttons={[{ text: "Enroll Today", href: "contact" }]}
textboxLayout="default"
useInvertedBackground="noInvert"
/>
@@ -336,10 +320,131 @@ export default function LandingPage() {
/>
</div>
<div id="team-card-three" data-section="team-card-three">
<TeamCardThree
title="Our Teaching Team"
description="Expert educators committed to your language learning success"
tag="Faculty"
tagIcon={Users}
members={[
{
id: "1",
name: "Dr. Christopher Adams",
role: "Curriculum Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
imageAlt: "Dr. Christopher Adams",
socialLinks: [
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
},
{
id: "2",
name: "Anna Thompson",
role: "Speaking Skills Coach",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484280475-f1uh14s0.jpg",
imageAlt: "Anna Thompson",
socialLinks: [
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
},
{
id: "3",
name: "Michael Chen",
role: "IELTS Test Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
imageAlt: "Michael Chen",
socialLinks: [
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
},
{
id: "4",
name: "Sophie Laurent",
role: "Writing & Grammar Tutor",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
imageAlt: "Sophie Laurent",
socialLinks: [
{ icon: Twitter, url: "https://twitter.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
}
]}
animationType="slide-up"
containerStyle="default"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="hero-split" data-section="hero-split">
<HeroSplit
title="Ready to Start Your English Journey?"
description="Join thousands of successful learners who have achieved their English language goals with our expert instructors and proven teaching methods."
tag="Take Action"
tagIcon={Star}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
imageAlt="English learning transformation"
imagePosition="right"
buttons={[{ text: "Start Free Trial", href: "contact" }, { text: "Learn More", href: "about" }]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
blogs={[
{
id: "1",
category: "Learning Tips",
title: "10 Proven Strategies to Master English Faster",
excerpt: "Discover effective techniques used by our top students to accelerate their English learning journey and achieve fluency.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg",
imageAlt: "Learning strategies article",
authorName: "Sarah Mitchell",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
date: "15 Jan 2025"
},
{
id: "2",
category: "Exam Prep",
title: "Complete IELTS Writing Task 1 Guide",
excerpt: "Master the IELTS writing section with detailed examples, common mistakes, and high-scoring techniques from exam specialists.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg",
imageAlt: "IELTS writing guide",
authorName: "Michael Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
date: "12 Jan 2025"
},
{
id: "3",
category: "Student Stories",
title: "From Zero to Fluency: Ali's Success Story",
excerpt: "Read how Ali transformed from complete beginner to confident English speaker in just 6 months with our personalized approach.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg",
imageAlt: "Student success story",
authorName: "Elena Rodriguez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
date: "8 Jan 2025"
}
]}
title="Latest Articles & Resources"
description="Stay updated with tips, strategies, and insights from our expert instructors"
tag="Blog"
tagIcon={BookOpen}
textboxLayout="default"
useInvertedBackground="noInvert"
animationType="slide-up"
carouselMode="buttons"
containerStyle="default"
/>
</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."
ctaTitle="Ready to Transform Your English Skills?"
ctaDescription="Join thousands of successful learners who have achieved their English language goals with our expert instructors and proven teaching methods."
ctaButton={{
text: "Book Free Consultation",
href: "#enrollment"
@@ -387,4 +492,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}