Merge version_7 into main
Merge version_7 into main
This commit was merged in pull request #7.
This commit is contained in:
492
src/app/page.tsx
492
src/app/page.tsx
@@ -1,16 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
|
||||
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import SplitAboutMetrics from '@/components/sections/about/SplitAboutMetrics';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,290 +17,252 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Red Room"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Classes", id: "feature" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
<div className="text-center p-8">
|
||||
<h1 className="text-2xl font-bold">Red Room English School</h1>
|
||||
<p className="text-gray-600 mt-2">Navigation will be restored once components are available</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Red Room"
|
||||
description="Master English with expert instructors. Immersive learning experiences for every level, from beginner to advanced proficiency."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
||||
imageAlt="Dynamic English classroom with engaged students"
|
||||
frameStyle="card"
|
||||
/>
|
||||
<div className="text-center p-16">
|
||||
<h1 className="text-4xl font-bold mb-4">Red Room</h1>
|
||||
<p className="text-lg text-gray-700 max-w-2xl mx-auto">Master English with expert instructors. Immersive learning experiences for every level, from beginner to advanced proficiency.</p>
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
||||
alt="Dynamic English classroom with engaged students"
|
||||
className="w-full max-w-md mx-auto mt-8 rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAboutMetrics
|
||||
title="Learn English Your Way"
|
||||
description="Red Room is dedicated to transforming how you experience English language learning. Through innovative teaching methods, personalized attention, and a supportive community, we help every student achieve their language goals with confidence and fluency."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
|
||||
imageAlt="English learning materials and resources"
|
||||
metrics={[
|
||||
{ id: "1", value: "500+", label: "Students Trained" },
|
||||
{ id: "2", value: "95%", label: "Success Rate" },
|
||||
{ id: "3", value: "10+", label: "Years Experience" }
|
||||
]}
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Learn English Your Way</h2>
|
||||
<p className="text-gray-700 mb-8">Red Room is dedicated to transforming how you experience English language learning. Through innovative teaching methods, personalized attention, and a supportive community, we help every student achieve their language goals with confidence and fluency.</p>
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
|
||||
alt="English learning materials and resources"
|
||||
className="w-full max-w-md mx-auto rounded-lg"
|
||||
/>
|
||||
<div className="grid grid-cols-3 gap-4 mt-8">
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">500+</div>
|
||||
<div className="text-gray-600">Students Trained</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">95%</div>
|
||||
<div className="text-gray-600">Success Rate</div>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="text-2xl font-bold">10+</div>
|
||||
<div className="text-gray-600">Years Experience</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardThirteen
|
||||
title="Our Learning Approach"
|
||||
description="A structured yet flexible methodology designed for real-world communication mastery"
|
||||
tag="Process"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Assessment",
|
||||
description: "Comprehensive evaluation of your current English level, goals, and learning preferences to create a personalized learning path."
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Immersion",
|
||||
description: "Interactive classes focused on speaking, listening, reading, and writing through real-life scenarios and authentic materials."
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "Practice",
|
||||
description: "Regular assignments, group discussions, and one-on-one feedback sessions to reinforce learning and build confidence."
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Mastery",
|
||||
description: "Milestone testing and certification paths to track progress and validate your English proficiency achievements."
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Our Learning Approach</h2>
|
||||
<p className="text-gray-700 mb-8">A structured yet flexible methodology designed for real-world communication mastery</p>
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">01. Assessment</h3>
|
||||
<p className="text-gray-700">Comprehensive evaluation of your current English level, goals, and learning preferences to create a personalized learning path.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">02. Immersion</h3>
|
||||
<p className="text-gray-700">Interactive classes focused on speaking, listening, reading, and writing through real-life scenarios and authentic materials.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">03. Practice</h3>
|
||||
<p className="text-gray-700">Regular assignments, group discussions, and one-on-one feedback sessions to reinforce learning and build confidence.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">04. Mastery</h3>
|
||||
<p className="text-gray-700">Milestone testing and certification paths to track progress and validate your English proficiency achievements.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Meet Our Instructors"
|
||||
description="Experienced English educators passionate about student success"
|
||||
tag="Expert Team"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Senior English Instructor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg",
|
||||
imageAlt: "Sarah Mitchell, Senior English Instructor"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Business English Specialist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826035-lrazclrt.jpg",
|
||||
imageAlt: "Michael Chen, Business English Specialist"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Conversation Coach",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
|
||||
imageAlt: "Emma Rodriguez, Conversation Coach"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Patterson",
|
||||
role: "Grammar & Writing Expert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827294-y1y03u05.jpg",
|
||||
imageAlt: "James Patterson, Grammar & Writing Expert"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Meet Our Instructors</h2>
|
||||
<p className="text-gray-700 mb-8">Experienced English educators passionate about student success</p>
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div className="text-center">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg"
|
||||
alt="Sarah Mitchell, Senior English Instructor"
|
||||
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||
/>
|
||||
<h3 className="font-semibold">Sarah Mitchell</h3>
|
||||
<p className="text-gray-600">Senior English Instructor</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826035-lrazclrt.jpg"
|
||||
alt="Michael Chen, Business English Specialist"
|
||||
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||
/>
|
||||
<h3 className="font-semibold">Michael Chen</h3>
|
||||
<p className="text-gray-600">Business English Specialist</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg"
|
||||
alt="Emma Rodriguez, Conversation Coach"
|
||||
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||
/>
|
||||
<h3 className="font-semibold">Emma Rodriguez</h3>
|
||||
<p className="text-gray-600">Conversation Coach</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827294-y1y03u05.jpg"
|
||||
alt="James Patterson, Grammar & Writing Expert"
|
||||
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||
/>
|
||||
<h3 className="font-semibold">James Patterson</h3>
|
||||
<p className="text-gray-600">Grammar & Writing Expert</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
title="Student Success Stories"
|
||||
description="Real testimonials from students who transformed their English proficiency at Red Room"
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lisa Johnson, Marketing Manager",
|
||||
date: "Date: 15 November 2024",
|
||||
title: "Transformed my career with fluent English",
|
||||
quote: "Red Room completely changed my confidence in speaking English. Within six months, I was presenting to international clients without hesitation. The personalized approach and supportive teachers made all the difference.",
|
||||
tag: "Professional Growth",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg",
|
||||
avatarAlt: "Lisa Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Park, Software Engineer",
|
||||
date: "Date: 20 October 2024",
|
||||
title: "Finally understand native English speakers",
|
||||
quote: "The conversational classes at Red Room helped me understand movies, podcasts, and casual conversations without subtitles. It's not just textbook learning, it's real communication skills.",
|
||||
tag: "Communication Skills",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg",
|
||||
avatarAlt: "David Park",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna Mueller, Student",
|
||||
date: "Date: 05 November 2024",
|
||||
title: "Perfect preparation for university",
|
||||
quote: "I came to Red Room needing B2 level for my university application. The teachers focused on exactly what I needed, and I passed my exam with flying colors. Highly recommended!",
|
||||
tag: "Academic Success",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829033-aep2ayth.jpg",
|
||||
avatarAlt: "Anna Mueller",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829033-aep2ayth.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos Silva, Business Owner",
|
||||
date: "Date: 28 September 2024",
|
||||
title: "Essential for growing my international business",
|
||||
quote: "Red Room's business English program was instrumental in helping me expand my company internationally. The teachers understand real business scenarios and prepare you for authentic workplace communication.",
|
||||
tag: "Business English",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829959-lb608tz6.jpg",
|
||||
avatarAlt: "Carlos Silva",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829959-lb608tz6.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Dupont, Freelancer",
|
||||
date: "Date: 12 October 2024",
|
||||
title: "Doubled my freelance opportunities",
|
||||
quote: "Improving my English at Red Room opened so many doors for my freelance career. I can now work with clients worldwide and communicate clearly without worrying about language barriers.",
|
||||
tag: "Career Development",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490830771-rva56w2y.jpg",
|
||||
avatarAlt: "Sophie Dupont",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490830771-rva56w2y.jpg"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Kim, Travel Enthusiast",
|
||||
date: "Date: 22 October 2024",
|
||||
title: "Unlocked a new world of travel experiences",
|
||||
quote: "Now I travel confidently, make friends from all over the world, and enjoy engaging conversations everywhere. Red Room gave me the skills and confidence to truly connect with people globally.",
|
||||
tag: "Personal Growth",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490831482-nhp7wg1q.jpg",
|
||||
avatarAlt: "Robert Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490831482-nhp7wg1q.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Student Success Stories</h2>
|
||||
<p className="text-gray-700 mb-8">Real testimonials from students who transformed their English proficiency at Red Room</p>
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div className="border rounded-lg p-6">
|
||||
<div className="flex items-center mb-4">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg"
|
||||
alt="Lisa Johnson"
|
||||
className="w-12 h-12 rounded-full mr-4 object-cover"
|
||||
/>
|
||||
<div>
|
||||
<h4 className="font-semibold">Lisa Johnson</h4>
|
||||
<p className="text-gray-600 text-sm">Marketing Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-gray-700">"Red Room completely changed my confidence in speaking English. Within six months, I was presenting to international clients without hesitation."</p>
|
||||
</div>
|
||||
<div className="border rounded-lg p-6">
|
||||
<div className="flex items-center mb-4">
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg"
|
||||
alt="David Park"
|
||||
className="w-12 h-12 rounded-full mr-4 object-cover"
|
||||
/>
|
||||
<div>
|
||||
<h4 className="font-semibold">David Park</h4>
|
||||
<p className="text-gray-600 text-sm">Software Engineer</p>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-gray-700">"The conversational classes helped me understand movies, podcasts, and casual conversations without subtitles."</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Red Room English School"
|
||||
tag="Help"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What English levels do you offer?",
|
||||
content: "We offer classes for all levels: Beginner (A1), Elementary (A2), Intermediate (B1), Upper-Intermediate (B2), Advanced (C1), and Mastery (C2). We use the CEFR framework to ensure consistent quality and progression."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How are classes structured?",
|
||||
content: "Classes combine interactive group sessions with personalized one-on-one feedback. We use a mix of conversation practice, grammar lessons, listening exercises, and writing assignments. Classes are typically 2-3 hours per week, with additional online materials for self-study."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer flexible scheduling?",
|
||||
content: "Yes! We offer morning, afternoon, and evening classes throughout the week. We also provide weekend intensives and can arrange private sessions for professional or accelerated learning. Contact us to find a schedule that works for you."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What qualifications do your teachers have?",
|
||||
content: "All our instructors are native or near-native English speakers with at least 5 years of teaching experience. Most hold TEFL, CELTA, or equivalent certifications and have specialized expertise in areas like business English, exam preparation, or conversational fluency."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you prepare students for English exams?",
|
||||
content: "Absolutely. We specialize in preparation for IELTS, TOEFL, Cambridge (FCE, CAE, CPE), and other major English proficiency exams. Our exam prep courses focus on test strategies, time management, and the specific skills needed to achieve your target score."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "How long does it take to reach fluency?",
|
||||
content: "This depends on your starting level and how much you practice outside class. Typically, students advance one CEFR level every 3-4 months of consistent study. Intensive courses can accelerate this timeline. We create personalized learning plans with realistic timelines during your assessment."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Frequently Asked Questions</h2>
|
||||
<p className="text-gray-700 mb-8">Everything you need to know about Red Room English School</p>
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-2">What English levels do you offer?</h3>
|
||||
<p className="text-gray-700">We offer classes for all levels: Beginner (A1), Elementary (A2), Intermediate (B1), Upper-Intermediate (B2), Advanced (C1), and Mastery (C2).</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-2">How are classes structured?</h3>
|
||||
<p className="text-gray-700">Classes combine interactive group sessions with personalized one-on-one feedback. We use a mix of conversation practice and grammar lessons.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-2">Do you offer flexible scheduling?</h3>
|
||||
<p className="text-gray-700">Yes! We offer morning, afternoon, and evening classes throughout the week. We also provide weekend intensives.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
||||
imageAlt="Red Room contact section"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
onSubmit={(data) => console.log(data)}
|
||||
/>
|
||||
<div className="p-16">
|
||||
<h2 className="text-3xl font-bold mb-4">Get in Touch</h2>
|
||||
<p className="text-gray-700 mb-8">We'd love to hear from you. Send us a message and we'll respond as soon as possible.</p>
|
||||
<div className="grid grid-cols-2 gap-8">
|
||||
<div>
|
||||
<form className="space-y-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Your Name"
|
||||
className="w-full p-3 border rounded-lg"
|
||||
required
|
||||
/>
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Your Email"
|
||||
className="w-full p-3 border rounded-lg"
|
||||
required
|
||||
/>
|
||||
<textarea
|
||||
placeholder="Type your message..."
|
||||
rows={5}
|
||||
className="w-full p-3 border rounded-lg"
|
||||
required
|
||||
></textarea>
|
||||
<button type="submit" className="w-full bg-blue-600 text-white p-3 rounded-lg hover:bg-blue-700">Send Message</button>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
||||
alt="Red Room contact section"
|
||||
className="w-full rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Red Room"
|
||||
columns={[
|
||||
{
|
||||
title: "Classes",
|
||||
items: [
|
||||
{ label: "All Levels", href: "#feature" },
|
||||
{ label: "Business English", href: "#feature" },
|
||||
{ label: "Exam Preparation", href: "#faq" },
|
||||
{ label: "Conversation", href: "#feature" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "School",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Meet Our Team", href: "#team" },
|
||||
{ label: "Student Reviews", href: "#testimonial" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Get in Touch", href: "#contact" },
|
||||
{ label: "Schedule Demo", href: "#contact" },
|
||||
{ label: "Email Support", href: "mailto:info@redroom.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Red Room English School. All rights reserved."
|
||||
/>
|
||||
<div className="p-16 bg-gray-100">
|
||||
<div className="grid grid-cols-4 gap-8 mb-8">
|
||||
<div>
|
||||
<h3 className="text-xl font-bold mb-4">Red Room</h3>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">Classes</h4>
|
||||
<div className="space-y-1">
|
||||
<div><a href="#feature" className="text-gray-600 hover:text-gray-900">All Levels</a></div>
|
||||
<div><a href="#feature" className="text-gray-600 hover:text-gray-900">Business English</a></div>
|
||||
<div><a href="#faq" className="text-gray-600 hover:text-gray-900">Exam Preparation</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">School</h4>
|
||||
<div className="space-y-1">
|
||||
<div><a href="#about" className="text-gray-600 hover:text-gray-900">About Us</a></div>
|
||||
<div><a href="#team" className="text-gray-600 hover:text-gray-900">Meet Our Team</a></div>
|
||||
<div><a href="#testimonial" className="text-gray-600 hover:text-gray-900">Student Reviews</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">Contact</h4>
|
||||
<div className="space-y-1">
|
||||
<div><a href="#contact" className="text-gray-600 hover:text-gray-900">Get in Touch</a></div>
|
||||
<div><a href="#contact" className="text-gray-600 hover:text-gray-900">Schedule Demo</a></div>
|
||||
<div><a href="mailto:info@redroom.com" className="text-gray-600 hover:text-gray-900">Email Support</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t pt-4 text-center text-gray-600">
|
||||
<p>© 2025 Red Room English School. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user