Merge version_7 into main #8

Merged
mulika-local merged 1 commits from version_7 into main 2025-12-25 08:04:07 +00:00

View File

@@ -1,16 +1,5 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Target, Zap, Star, Crown, Mail } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,356 +16,139 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="English Dom"
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Courses", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Learn English Online"
bottomRightText="hello@englishdom.com"
/>
<div className="bg-white text-black p-6">
<h1 className="text-2xl font-bold">English Dom</h1>
<nav>
<ul className="flex space-x-4">
<li><a href="#hero">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#features">Courses</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="English Dom"
description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
buttons={[
{ text: "Start Trial", href: "www.linkedin.com" },
{ text: "All Courses", href: "features" }
]}
slides={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg", imageAlt: "Interactive classroom learning" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484690859-dcha1n3w.jpg", imageAlt: "Online English lessons" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484691610-pealshm9.jpg", imageAlt: "English conversation practice" }
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
<section className="min-h-screen bg-gradient-to-r from-blue-600 to-purple-600 text-white flex items-center justify-center">
<div className="text-center">
<h1 className="text-5xl font-bold mb-4">English Dom</h1>
<p className="text-xl mb-8">Master English fluency with expert instructors. Interactive lessons designed for all levels.</p>
<div className="space-x-4">
<button className="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold">Start Trial</button>
<button className="border border-white px-6 py-3 rounded-lg font-semibold">All Courses</button>
</div>
</div>
</section>
</div>
<div id="about" data-section="about">
<TagMediaSplitAbout
title="Transforming English Education Since 2015"
description="We believe learning English should be engaging, accessible, and effective for everyone."
tag="Our Story"
textboxLayout="default"
contentTag="MISSION"
contentTagIcon={Target}
contentTitle="Expert instruction meets modern methodology"
contentDescription="English Dom combines traditional teaching excellence with cutting-edge technology. Our certified instructors create personalized learning experiences that help students achieve fluency in speaking, listening, reading, and writing."
contentButtons={[{ text: "Learn More", href: "features" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
imageAlt="English Dom learning center"
imagePosition="right"
useInvertedBackground="noInvert"
/>
<section className="py-20 bg-gray-50">
<div className="max-w-6xl mx-auto px-4">
<span className="text-blue-600 font-semibold">Our Story</span>
<h2 className="text-4xl font-bold mb-6">Transforming English Education Since 2015</h2>
<p className="text-gray-600 mb-8">We believe learning English should be engaging, accessible, and effective for everyone.</p>
<div className="grid md:grid-cols-2 gap-8">
<div>
<span className="text-blue-600 font-semibold">MISSION</span>
<h3 className="text-2xl font-bold mb-4">Expert instruction meets modern methodology</h3>
<p className="text-gray-600">English Dom combines traditional teaching excellence with cutting-edge technology. Our certified instructors create personalized learning experiences that help students achieve fluency in speaking, listening, reading, and writing.</p>
<button className="mt-6 bg-blue-600 text-white px-6 py-3 rounded-lg">Learn More</button>
</div>
<div>
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg" alt="English Dom learning center" className="rounded-lg" />
</div>
</div>
</div>
</section>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="Comprehensive Course Levels"
description="From complete beginner to advanced proficiency, our structured programs ensure steady progress."
tag="Courses"
textboxLayout="default"
features={[
{
id: "1",
title: "Beginner English",
description: "Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
imageAlt: "Beginner English course"
},
{
id: "2",
title: "Intermediate English",
description: "Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
imageAlt: "Intermediate English course"
},
{
id: "3",
title: "Advanced English",
description: "Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
imageAlt: "Advanced English course"
},
{
id: "4",
title: "Certification Programs",
description: "Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg",
imageAlt: "Certification programs"
}
]}
animationType="blur-reveal"
useInvertedBackground="noInvert"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Simple, Transparent Pricing"
description="Choose the plan that fits your learning goals and schedule."
tag="Plans"
textboxLayout="default"
plans={[
{
id: "starter",
badge: "Starter",
badgeIcon: Zap,
price: "$49/month",
subtitle: "Perfect for beginners",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"4 lessons per month",
"Group classes",
"Basic materials",
"Email support",
"Progress tracking"
]
},
{
id: "professional",
badge: "Professional",
badgeIcon: Star,
price: "$129/month",
subtitle: "Most popular choice",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"12 lessons per month",
"One-on-one sessions",
"Premium materials",
"Priority support",
"Custom curriculum",
"Monthly assessments"
]
},
{
id: "elite",
badge: "Elite",
badgeIcon: Crown,
price: "$249/month",
subtitle: "For serious learners",
buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"Unlimited lessons",
"Dedicated instructor",
"Exclusive resources",
"24/7 support",
"Exam preparation",
"Business English focus",
"Certification guidance"
]
}
]}
animationType="slide-up"
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardEight
title="Student Success Stories"
description="Hear from students who have transformed their English proficiency."
tag="Testimonials"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
name: "Maria Santos",
role: "Marketing Manager",
company: "TechCorp Brasil",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg"
},
{
id: "2",
name: "Carlos Rodriguez",
role: "Business Analyst",
company: "Finance Solutions",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484712325-ocj12p51.jpg"
},
{
id: "3",
name: "Elena Kowalski",
role: "Software Engineer",
company: "Digital Innovations",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484713203-n9nvo4xz.jpg"
},
{
id: "4",
name: "Yuki Tanaka",
role: "International Student",
company: "University of Excellence",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg"
},
{
id: "5",
name: "Sophie Laurent",
role: "Project Manager",
company: "Global Enterprises",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg"
},
{
id: "6",
name: "Ahmed Hassan",
role: "University Professor",
company: "Cairo University",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716089-kpbfo3ho.jpg"
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSeven
title="Meet Our Expert Instructors"
useInvertedBackground="noInvert"
team={[
{
id: "1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716991-2p5cqa53.jpg",
imageAlt: "Sarah Johnson - Senior English Instructor"
},
{
id: "2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484717848-3wjgcq9n.jpg",
imageAlt: "Emma Wilson - Pronunciation Specialist"
},
{
id: "3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484718833-8686x51w.jpg",
imageAlt: "Michael Chen - Business English Expert"
},
{
id: "4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg",
imageAlt: "Lisa Anderson - Exam Preparation Coach"
},
{
id: "5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484719756-7stq3wqe.jpg",
imageAlt: "James Martinez - Conversational English Instructor"
}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Find answers to common questions about our courses and programs."
tag="Help"
textboxLayout="default"
useInvertedBackground="noInvert"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg"
imageAlt="Customer support team"
mediaPosition="left"
faqs={[
{
id: "1",
title: "How do I choose the right level for me?",
content: "We offer a free placement test to assess your current English level. Based on the results, our advisors will recommend the best course level for your needs. You can also switch levels at any time during your learning journey."
},
{
id: "2",
title: "Can I schedule lessons at my own pace?",
content: "Yes! Our platform offers flexible scheduling. You can book lessons at times that work best for you. Group classes have fixed schedules, while one-on-one sessions can be customized to your availability."
},
{
id: "3",
title: "What materials do you provide?",
content: "All our courses include comprehensive learning materials including textbooks, audio files, videos, and interactive exercises. Premium and Elite plans include exclusive resources and specialized content."
},
{
id: "4",
title: "Do you offer certification programs?",
content: "Yes! We prepare students for major international certifications including TOEFL, IELTS, Cambridge, and TOEIC. Our Elite plan includes comprehensive exam preparation and guidance."
},
{
id: "5",
title: "What is your cancellation policy?",
content: "You can cancel your subscription anytime with no penalties. We also offer a 7-day money-back guarantee on your first month if you're not completely satisfied."
},
{
id: "6",
title: "How do you track my progress?",
content: "We provide detailed progress reports, monthly assessments, and personalized feedback. Your instructor will work with you to set goals and monitor your improvement across all language skills."
}
]}
/>
<section className="py-20 bg-white">
<div className="max-w-6xl mx-auto px-4">
<span className="text-blue-600 font-semibold">Courses</span>
<h2 className="text-4xl font-bold mb-6">Comprehensive Course Levels</h2>
<p className="text-gray-600 mb-12">From complete beginner to advanced proficiency, our structured programs ensure steady progress.</p>
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div className="bg-gray-50 p-6 rounded-lg">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg" alt="Beginner English course" className="rounded-lg mb-4" />
<h3 className="text-xl font-bold mb-2">Beginner English</h3>
<p className="text-gray-600">Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.</p>
</div>
<div className="bg-gray-50 p-6 rounded-lg">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg" alt="Intermediate English course" className="rounded-lg mb-4" />
<h3 className="text-xl font-bold mb-2">Intermediate English</h3>
<p className="text-gray-600">Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.</p>
</div>
<div className="bg-gray-50 p-6 rounded-lg">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg" alt="Advanced English course" className="rounded-lg mb-4" />
<h3 className="text-xl font-bold mb-2">Advanced English</h3>
<p className="text-gray-600">Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.</p>
</div>
<div className="bg-gray-50 p-6 rounded-lg">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg" alt="Certification programs" className="rounded-lg mb-4" />
<h3 className="text-xl font-bold mb-2">Certification Programs</h3>
<p className="text-gray-600">Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.</p>
</div>
</div>
</div>
</section>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Newsletter"
title="Start Your English Journey Today"
description="Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results."
useInvertedBackground="noInvert"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
imageAlt="Students learning together"
mediaPosition="right"
tagIcon={Mail}
inputPlaceholder="Enter your email address"
buttonText="Join Now US"
termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
/>
<section className="py-20 bg-blue-600 text-white">
<div className="max-w-4xl mx-auto px-4 text-center">
<span className="font-semibold">Newsletter</span>
<h2 className="text-4xl font-bold mb-6">Start Your English Journey Today</h2>
<p className="text-lg mb-8">Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results.</p>
<div className="max-w-md mx-auto flex">
<input type="email" placeholder="Enter your email address" className="flex-1 px-4 py-3 rounded-l-lg text-black" />
<button className="bg-white text-blue-600 px-6 py-3 rounded-r-lg font-semibold">Join Now US</button>
</div>
<p className="text-sm mt-4 opacity-80">We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service.</p>
</div>
</section>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="English Dom"
columns={[
{
items: [
{ label: "Home", href: "home" },
{ label: "About Us", href: "about" },
{ label: "Courses", href: "features" }
]
},
{
items: [
{ label: "Pricing", href: "pricing" },
{ label: "Testimonials", href: "testimonials" },
{ label: "Contact", href: "contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Sitemap", href: "#" }
]
},
{
items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
/>
<footer className="bg-gray-900 text-white py-16">
<div className="max-w-6xl mx-auto px-4">
<div className="text-center mb-8">
<h3 className="text-2xl font-bold">English Dom</h3>
</div>
<div className="grid md:grid-cols-4 gap-8">
<div>
<ul className="space-y-2">
<li><a href="#hero" className="text-gray-400 hover:text-white">Home</a></li>
<li><a href="#about" className="text-gray-400 hover:text-white">About Us</a></li>
<li><a href="#features" className="text-gray-400 hover:text-white">Courses</a></li>
</ul>
</div>
<div>
<ul className="space-y-2">
<li><a href="#pricing" className="text-gray-400 hover:text-white">Pricing</a></li>
<li><a href="#testimonials" className="text-gray-400 hover:text-white">Testimonials</a></li>
<li><a href="#contact" className="text-gray-400 hover:text-white">Contact</a></li>
</ul>
</div>
<div>
<ul className="space-y-2">
<li><a href="#" className="text-gray-400 hover:text-white">Privacy Policy</a></li>
<li><a href="#" className="text-gray-400 hover:text-white">Terms of Service</a></li>
<li><a href="#" className="text-gray-400 hover:text-white">Sitemap</a></li>
</ul>
</div>
<div>
<ul className="space-y-2">
<li><a href="https://facebook.com" className="text-gray-400 hover:text-white">Facebook</a></li>
<li><a href="https://twitter.com" className="text-gray-400 hover:text-white">Twitter</a></li>
<li><a href="https://linkedin.com" className="text-gray-400 hover:text-white">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</ThemeProvider>
);