Update src/app/page.tsx
This commit is contained in:
492
src/app/page.tsx
492
src/app/page.tsx
@@ -1,16 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -27,290 +17,252 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<div className="text-center p-8">
|
||||||
brandName="Red Room"
|
<h1 className="text-2xl font-bold">Red Room English School</h1>
|
||||||
navItems={[
|
<p className="text-gray-600 mt-2">Navigation will be restored once components are available</p>
|
||||||
{ name: "About", id: "about" },
|
</div>
|
||||||
{ name: "Classes", id: "feature" },
|
|
||||||
{ name: "Team", id: "team" },
|
|
||||||
{ name: "Testimonials", id: "testimonial" },
|
|
||||||
{ name: "Contact", id: "contact" }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<div className="text-center p-16">
|
||||||
logoText="Red Room"
|
<h1 className="text-4xl font-bold mb-4">Red Room</h1>
|
||||||
description="Master English with expert instructors. Immersive learning experiences for every level, from beginner to advanced proficiency."
|
<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>
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
<img
|
||||||
imageAlt="Dynamic English classroom with engaged students"
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
||||||
frameStyle="card"
|
alt="Dynamic English classroom with engaged students"
|
||||||
/>
|
className="w-full max-w-md mx-auto mt-8 rounded-lg"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<SplitAboutMetrics
|
<div className="p-16">
|
||||||
title="Learn English Your Way"
|
<h2 className="text-3xl font-bold mb-4">Learn English Your Way</h2>
|
||||||
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."
|
<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>
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
|
<img
|
||||||
imageAlt="English learning materials and resources"
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
|
||||||
metrics={[
|
alt="English learning materials and resources"
|
||||||
{ id: "1", value: "500+", label: "Students Trained" },
|
className="w-full max-w-md mx-auto rounded-lg"
|
||||||
{ id: "2", value: "95%", label: "Success Rate" },
|
/>
|
||||||
{ id: "3", value: "10+", label: "Years Experience" }
|
<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>
|
||||||
|
|
||||||
<div id="feature" data-section="feature">
|
<div id="feature" data-section="feature">
|
||||||
<FeatureCardThirteen
|
<div className="p-16">
|
||||||
title="Our Learning Approach"
|
<h2 className="text-3xl font-bold mb-4">Our Learning Approach</h2>
|
||||||
description="A structured yet flexible methodology designed for real-world communication mastery"
|
<p className="text-gray-700 mb-8">A structured yet flexible methodology designed for real-world communication mastery</p>
|
||||||
tag="Process"
|
<div className="grid grid-cols-2 gap-8">
|
||||||
features={[
|
<div>
|
||||||
{
|
<h3 className="text-xl font-semibold mb-2">01. Assessment</h3>
|
||||||
id: "01",
|
<p className="text-gray-700">Comprehensive evaluation of your current English level, goals, and learning preferences to create a personalized learning path.</p>
|
||||||
title: "Assessment",
|
</div>
|
||||||
description: "Comprehensive evaluation of your current English level, goals, and learning preferences to create a personalized learning path."
|
<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>
|
||||||
id: "02",
|
</div>
|
||||||
title: "Immersion",
|
<div>
|
||||||
description: "Interactive classes focused on speaking, listening, reading, and writing through real-life scenarios and authentic materials."
|
<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>
|
||||||
id: "03",
|
<div>
|
||||||
title: "Practice",
|
<h3 className="text-xl font-semibold mb-2">04. Mastery</h3>
|
||||||
description: "Regular assignments, group discussions, and one-on-one feedback sessions to reinforce learning and build confidence."
|
<p className="text-gray-700">Milestone testing and certification paths to track progress and validate your English proficiency achievements.</p>
|
||||||
},
|
</div>
|
||||||
{
|
</div>
|
||||||
id: "04",
|
</div>
|
||||||
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>
|
</div>
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<TeamCardSix
|
<div className="p-16">
|
||||||
title="Meet Our Instructors"
|
<h2 className="text-3xl font-bold mb-4">Meet Our Instructors</h2>
|
||||||
description="Experienced English educators passionate about student success"
|
<p className="text-gray-700 mb-8">Experienced English educators passionate about student success</p>
|
||||||
tag="Expert Team"
|
<div className="grid grid-cols-2 gap-8">
|
||||||
members={[
|
<div className="text-center">
|
||||||
{
|
<img
|
||||||
id: "1",
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg"
|
||||||
name: "Sarah Mitchell",
|
alt="Sarah Mitchell, Senior English Instructor"
|
||||||
role: "Senior English Instructor",
|
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg",
|
/>
|
||||||
imageAlt: "Sarah Mitchell, Senior English Instructor"
|
<h3 className="font-semibold">Sarah Mitchell</h3>
|
||||||
},
|
<p className="text-gray-600">Senior English Instructor</p>
|
||||||
{
|
</div>
|
||||||
id: "2",
|
<div className="text-center">
|
||||||
name: "Michael Chen",
|
<img
|
||||||
role: "Business English Specialist",
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826035-lrazclrt.jpg"
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826035-lrazclrt.jpg",
|
alt="Michael Chen, Business English Specialist"
|
||||||
imageAlt: "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>
|
||||||
id: "3",
|
<p className="text-gray-600">Business English Specialist</p>
|
||||||
name: "Emma Rodriguez",
|
</div>
|
||||||
role: "Conversation Coach",
|
<div className="text-center">
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
|
<img
|
||||||
imageAlt: "Emma Rodriguez, Conversation Coach"
|
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"
|
||||||
id: "4",
|
/>
|
||||||
name: "James Patterson",
|
<h3 className="font-semibold">Emma Rodriguez</h3>
|
||||||
role: "Grammar & Writing Expert",
|
<p className="text-gray-600">Conversation Coach</p>
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827294-y1y03u05.jpg",
|
</div>
|
||||||
imageAlt: "James Patterson, Grammar & Writing Expert"
|
<div className="text-center">
|
||||||
}
|
<img
|
||||||
]}
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827294-y1y03u05.jpg"
|
||||||
gridVariant="uniform-all-items-equal"
|
alt="James Patterson, Grammar & Writing Expert"
|
||||||
animationType="slide-up"
|
className="w-32 h-32 rounded-full mx-auto mb-4 object-cover"
|
||||||
textboxLayout="default"
|
/>
|
||||||
useInvertedBackground="noInvert"
|
<h3 className="font-semibold">James Patterson</h3>
|
||||||
/>
|
<p className="text-gray-600">Grammar & Writing Expert</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
<div id="testimonial" data-section="testimonial">
|
||||||
<TestimonialCardFive
|
<div className="p-16">
|
||||||
title="Student Success Stories"
|
<h2 className="text-3xl font-bold mb-4">Student Success Stories</h2>
|
||||||
description="Real testimonials from students who transformed their English proficiency at Red Room"
|
<p className="text-gray-700 mb-8">Real testimonials from students who transformed their English proficiency at Red Room</p>
|
||||||
tag="Testimonials"
|
<div className="grid grid-cols-2 gap-8">
|
||||||
testimonials={[
|
<div className="border rounded-lg p-6">
|
||||||
{
|
<div className="flex items-center mb-4">
|
||||||
id: "1",
|
<img
|
||||||
name: "Lisa Johnson, Marketing Manager",
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg"
|
||||||
date: "Date: 15 November 2024",
|
alt="Lisa Johnson"
|
||||||
title: "Transformed my career with fluent English",
|
className="w-12 h-12 rounded-full mr-4 object-cover"
|
||||||
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",
|
<div>
|
||||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg",
|
<h4 className="font-semibold">Lisa Johnson</h4>
|
||||||
avatarAlt: "Lisa Johnson",
|
<p className="text-gray-600 text-sm">Marketing Manager</p>
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg"
|
</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>
|
||||||
id: "2",
|
</div>
|
||||||
name: "David Park, Software Engineer",
|
<div className="border rounded-lg p-6">
|
||||||
date: "Date: 20 October 2024",
|
<div className="flex items-center mb-4">
|
||||||
title: "Finally understand native English speakers",
|
<img
|
||||||
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.",
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg"
|
||||||
tag: "Communication Skills",
|
alt="David Park"
|
||||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg",
|
className="w-12 h-12 rounded-full mr-4 object-cover"
|
||||||
avatarAlt: "David Park",
|
/>
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg"
|
<div>
|
||||||
},
|
<h4 className="font-semibold">David Park</h4>
|
||||||
{
|
<p className="text-gray-600 text-sm">Software Engineer</p>
|
||||||
id: "3",
|
</div>
|
||||||
name: "Anna Mueller, Student",
|
</div>
|
||||||
date: "Date: 05 November 2024",
|
<p className="text-gray-700">"The conversational classes helped me understand movies, podcasts, and casual conversations without subtitles."</p>
|
||||||
title: "Perfect preparation for university",
|
</div>
|
||||||
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!",
|
</div>
|
||||||
tag: "Academic Success",
|
</div>
|
||||||
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>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<div className="p-16">
|
||||||
title="Frequently Asked Questions"
|
<h2 className="text-3xl font-bold mb-4">Frequently Asked Questions</h2>
|
||||||
description="Everything you need to know about Red Room English School"
|
<p className="text-gray-700 mb-8">Everything you need to know about Red Room English School</p>
|
||||||
tag="Help"
|
<div className="space-y-6">
|
||||||
faqs={[
|
<div>
|
||||||
{
|
<h3 className="text-lg font-semibold mb-2">What English levels do you offer?</h3>
|
||||||
id: "1",
|
<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>
|
||||||
title: "What English levels do you offer?",
|
</div>
|
||||||
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."
|
<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>
|
||||||
id: "2",
|
</div>
|
||||||
title: "How are classes structured?",
|
<div>
|
||||||
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."
|
<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>
|
||||||
id: "3",
|
</div>
|
||||||
title: "Do you offer flexible scheduling?",
|
</div>
|
||||||
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>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<div className="p-16">
|
||||||
title="Get in Touch"
|
<h2 className="text-3xl font-bold mb-4">Get in Touch</h2>
|
||||||
description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
|
<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>
|
||||||
inputs={[
|
<div className="grid grid-cols-2 gap-8">
|
||||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
<div>
|
||||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
<form className="space-y-4">
|
||||||
]}
|
<input
|
||||||
textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
|
type="text"
|
||||||
useInvertedBackground="noInvert"
|
placeholder="Your Name"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
|
className="w-full p-3 border rounded-lg"
|
||||||
imageAlt="Red Room contact section"
|
required
|
||||||
mediaPosition="right"
|
/>
|
||||||
buttonText="Send Message"
|
<input
|
||||||
onSubmit={(data) => console.log(data)}
|
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>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<div className="p-16 bg-gray-100">
|
||||||
logoText="Red Room"
|
<div className="grid grid-cols-4 gap-8 mb-8">
|
||||||
columns={[
|
<div>
|
||||||
{
|
<h3 className="text-xl font-bold mb-4">Red Room</h3>
|
||||||
title: "Classes",
|
</div>
|
||||||
items: [
|
<div>
|
||||||
{ label: "All Levels", href: "#feature" },
|
<h4 className="font-semibold mb-2">Classes</h4>
|
||||||
{ label: "Business English", href: "#feature" },
|
<div className="space-y-1">
|
||||||
{ label: "Exam Preparation", href: "#faq" },
|
<div><a href="#feature" className="text-gray-600 hover:text-gray-900">All Levels</a></div>
|
||||||
{ label: "Conversation", href: "#feature" }
|
<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>
|
||||||
title: "School",
|
<div>
|
||||||
items: [
|
<h4 className="font-semibold mb-2">School</h4>
|
||||||
{ label: "About Us", href: "#about" },
|
<div className="space-y-1">
|
||||||
{ label: "Meet Our Team", href: "#team" },
|
<div><a href="#about" className="text-gray-600 hover:text-gray-900">About Us</a></div>
|
||||||
{ label: "Student Reviews", href: "#testimonial" },
|
<div><a href="#team" className="text-gray-600 hover:text-gray-900">Meet Our Team</a></div>
|
||||||
{ label: "FAQ", href: "#faq" }
|
<div><a href="#testimonial" className="text-gray-600 hover:text-gray-900">Student Reviews</a></div>
|
||||||
]
|
</div>
|
||||||
},
|
</div>
|
||||||
{
|
<div>
|
||||||
title: "Contact",
|
<h4 className="font-semibold mb-2">Contact</h4>
|
||||||
items: [
|
<div className="space-y-1">
|
||||||
{ label: "Get in Touch", href: "#contact" },
|
<div><a href="#contact" className="text-gray-600 hover:text-gray-900">Get in Touch</a></div>
|
||||||
{ label: "Schedule Demo", href: "#contact" },
|
<div><a href="#contact" className="text-gray-600 hover:text-gray-900">Schedule Demo</a></div>
|
||||||
{ label: "Email Support", href: "mailto:info@redroom.com" }
|
<div><a href="mailto:info@redroom.com" className="text-gray-600 hover:text-gray-900">Email Support</a></div>
|
||||||
]
|
</div>
|
||||||
}
|
</div>
|
||||||
]}
|
</div>
|
||||||
copyrightText="© 2025 Red Room English School. All rights reserved."
|
<div className="border-t pt-4 text-center text-gray-600">
|
||||||
/>
|
<p>© 2025 Red Room English School. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user