Compare commits
4 Commits
version_7
...
96da8c6e5c
| Author | SHA1 | Date | |
|---|---|---|---|
| 96da8c6e5c | |||
| a43b3407b2 | |||
| fb9781321b | |||
| d348d088f2 |
476
src/app/page.tsx
476
src/app/page.tsx
@@ -1,5 +1,17 @@
|
|||||||
"use client";
|
"use client";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
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 MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -16,139 +28,377 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<div className="bg-white text-black p-6">
|
<NavbarStyleFullscreen
|
||||||
<h1 className="text-2xl font-bold">English Dom</h1>
|
brandName="English Dom"
|
||||||
<nav>
|
navItems={[
|
||||||
<ul className="flex space-x-4">
|
{ name: "Home", id: "home" },
|
||||||
<li><a href="#hero">Home</a></li>
|
{ name: "About", id: "about" },
|
||||||
<li><a href="#about">About</a></li>
|
{ name: "Courses", id: "features" },
|
||||||
<li><a href="#features">Courses</a></li>
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
<li><a href="#testimonials">Testimonials</a></li>
|
{ name: "Contact", id: "contact" }
|
||||||
<li><a href="#contact">Contact</a></li>
|
]}
|
||||||
</ul>
|
bottomLeftText="Learn English Online"
|
||||||
</nav>
|
bottomRightText="hello@englishdom.com"
|
||||||
</div>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<section className="min-h-screen bg-gradient-to-r from-blue-600 to-purple-600 text-white flex items-center justify-center">
|
<HeroCarouselLogo
|
||||||
<div className="text-center">
|
logoText="English Dom"
|
||||||
<h1 className="text-5xl font-bold mb-4">English Dom</h1>
|
description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
|
||||||
<p className="text-xl mb-8">Master English fluency with expert instructors. Interactive lessons designed for all levels.</p>
|
buttons={[{"text":"Start Trial","href":"www.linkedin.com"},
|
||||||
<div className="space-x-4">
|
{"text":"All Courses","href":"features"}]}
|
||||||
<button className="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold">Start Trial</button>
|
slides={[
|
||||||
<button className="border border-white px-6 py-3 rounded-lg font-semibold">All Courses</button>
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg", imageAlt: "Interactive classroom learning" },
|
||||||
</div>
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484690859-dcha1n3w.jpg", imageAlt: "Online English lessons" },
|
||||||
</div>
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484691610-pealshm9.jpg", imageAlt: "English conversation practice" }
|
||||||
</section>
|
]}
|
||||||
|
autoplayDelay={4000}
|
||||||
|
showDimOverlay={true}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<section className="py-20 bg-gray-50">
|
<TagMediaSplitAbout
|
||||||
<div className="max-w-6xl mx-auto px-4">
|
title="Transforming English Education Since 2015"
|
||||||
<span className="text-blue-600 font-semibold">Our Story</span>
|
description="We believe learning English should be engaging, accessible, and effective for everyone."
|
||||||
<h2 className="text-4xl font-bold mb-6">Transforming English Education Since 2015</h2>
|
tag="Our Story"
|
||||||
<p className="text-gray-600 mb-8">We believe learning English should be engaging, accessible, and effective for everyone.</p>
|
textboxLayout="default"
|
||||||
<div className="grid md:grid-cols-2 gap-8">
|
contentTag="MISSION"
|
||||||
<div>
|
contentTagIcon={Target}
|
||||||
<span className="text-blue-600 font-semibold">MISSION</span>
|
contentTitle="Expert instruction meets modern methodology"
|
||||||
<h3 className="text-2xl font-bold mb-4">Expert instruction meets modern methodology</h3>
|
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."
|
||||||
<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>
|
contentButtons={[{ text: "Learn More", href: "features" }]}
|
||||||
<button className="mt-6 bg-blue-600 text-white px-6 py-3 rounded-lg">Learn More</button>
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
|
||||||
</div>
|
imageAlt="English Dom learning center"
|
||||||
<div>
|
imagePosition="right"
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg" alt="English Dom learning center" className="rounded-lg" />
|
useInvertedBackground="noInvert"
|
||||||
</div>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<section className="py-20 bg-white">
|
<FeatureCardSeven
|
||||||
<div className="max-w-6xl mx-auto px-4">
|
title="Comprehensive Course Levels"
|
||||||
<span className="text-blue-600 font-semibold">Courses</span>
|
description="From complete beginner to advanced proficiency, our structured programs ensure steady progress."
|
||||||
<h2 className="text-4xl font-bold mb-6">Comprehensive Course Levels</h2>
|
tag="Courses"
|
||||||
<p className="text-gray-600 mb-12">From complete beginner to advanced proficiency, our structured programs ensure steady progress.</p>
|
textboxLayout="default"
|
||||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
features={[
|
||||||
<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" />
|
id: 1,
|
||||||
<h3 className="text-xl font-bold mb-2">Beginner English</h3>
|
title: "Beginner English",
|
||||||
<p className="text-gray-600">Master pronunciation, basic vocabulary, and essential grammar. Perfect for absolute beginners starting their English journey.</p>
|
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"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
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"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
animationType="blur-reveal"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</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" />
|
<div id="pricing" data-section="pricing">
|
||||||
<h3 className="text-xl font-bold mb-2">Intermediate English</h3>
|
<PricingCardTwo
|
||||||
<p className="text-gray-600">Build conversational fluency with real-world scenarios. Expand vocabulary and master complex grammar structures.</p>
|
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>
|
||||||
<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" />
|
<div id="metrics" data-section="metrics">
|
||||||
<h3 className="text-xl font-bold mb-2">Advanced English</h3>
|
<MetricCardEleven
|
||||||
<p className="text-gray-600">Achieve native-like fluency and professionalism. Specialized content for business, academic, and cultural contexts.</p>
|
title="Our Impact"
|
||||||
|
description="Trusted by thousands of students worldwide to achieve their English goals."
|
||||||
|
tag="Results"
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="slide-up"
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
id: "1",
|
||||||
|
value: "15,000+",
|
||||||
|
title: "Active Students",
|
||||||
|
description: "Learning English every day with our platform",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hile67"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2",
|
||||||
|
value: "8,500+",
|
||||||
|
title: "Graduates",
|
||||||
|
description: "Successfully achieved their language goals",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</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" />
|
<div id="testimonials" data-section="testimonials">
|
||||||
<h3 className="text-xl font-bold mb-2">Certification Programs</h3>
|
<TestimonialCardEight
|
||||||
<p className="text-gray-600">Prepare for international exams including TOEFL, IELTS, and Cambridge certificates with expert guidance.</p>
|
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>
|
||||||
|
|
||||||
|
<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>
|
||||||
</div>
|
|
||||||
</section>
|
<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."
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<section className="py-20 bg-blue-600 text-white">
|
<ContactSplit
|
||||||
<div className="max-w-4xl mx-auto px-4 text-center">
|
tag="Newsletter"
|
||||||
<span className="font-semibold">Newsletter</span>
|
title="Start Your English Journey Today"
|
||||||
<h2 className="text-4xl font-bold mb-6">Start Your English Journey Today</h2>
|
description="Join thousands of students who are achieving fluency with English Dom. Get expert guidance, personalized lessons, and proven results."
|
||||||
<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>
|
useInvertedBackground="noInvert"
|
||||||
<div className="max-w-md mx-auto flex">
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg"
|
||||||
<input type="email" placeholder="Enter your email address" className="flex-1 px-4 py-3 rounded-l-lg text-black" />
|
imageAlt="Students learning together"
|
||||||
<button className="bg-white text-blue-600 px-6 py-3 rounded-r-lg font-semibold">Join Now US</button>
|
mediaPosition="right"
|
||||||
</div>
|
tagIcon={Mail}
|
||||||
<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>
|
inputPlaceholder="Enter your email address"
|
||||||
</div>
|
buttonText="Join Now US"
|
||||||
</section>
|
termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service."
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<footer className="bg-gray-900 text-white py-16">
|
<FooterLogoEmphasis
|
||||||
<div className="max-w-6xl mx-auto px-4">
|
logoText="English Dom"
|
||||||
<div className="text-center mb-8">
|
columns={[
|
||||||
<h3 className="text-2xl font-bold">English Dom</h3>
|
{
|
||||||
</div>
|
items: [
|
||||||
<div className="grid md:grid-cols-4 gap-8">
|
{ label: "Home", href: "home" },
|
||||||
<div>
|
{ label: "About Us", href: "about" },
|
||||||
<ul className="space-y-2">
|
{ label: "Courses", href: "features" }
|
||||||
<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>
|
items: [
|
||||||
</div>
|
{ label: "Pricing", href: "pricing" },
|
||||||
<div>
|
{ label: "Testimonials", href: "testimonials" },
|
||||||
<ul className="space-y-2">
|
{ label: "Contact", href: "contact" }
|
||||||
<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>
|
items: [
|
||||||
</div>
|
{ label: "Privacy Policy", href: "#" },
|
||||||
<div>
|
{ label: "Terms of Service", href: "#" },
|
||||||
<ul className="space-y-2">
|
{ label: "Sitemap", href: "#" }
|
||||||
<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>
|
items: [
|
||||||
</div>
|
{ label: "Facebook", href: "https://facebook.com" },
|
||||||
<div>
|
{ label: "Twitter", href: "https://twitter.com" },
|
||||||
<ul className="space-y-2">
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||||
<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>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user