Merge version_1_1777629555257 into main #3
@@ -5,148 +5,132 @@ import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Award, BookOpen, Globe, GraduationCap, MessageCircle, Smile } from "lucide-react";
|
||||
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrand
|
||||
brand="Master English with Znat"
|
||||
description="Unlock global opportunities through our tailored English language programs. Expert instructors, modern curriculum, and proven success results."
|
||||
primaryButton={{
|
||||
text: "Start Learning", href: "#pricing"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#features"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-heart-with-envelope-stationery_23-2148151320.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrand
|
||||
brand="Master English with Znat"
|
||||
description="Unlock global opportunities through our tailored English language programs. Expert instructors, modern curriculum, and proven success results."
|
||||
primaryButton={{ text: "Start Learning", href: "#pricing" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#features" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-heart-with-envelope-stationery_23-2148151320.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Our Advantage"
|
||||
title="Why Choose Znat?"
|
||||
description="Our unique approach combines immersive technology with proven pedagogical techniques."
|
||||
items={[
|
||||
{
|
||||
icon: "BookOpen", title: "Interactive Curriculum", description: "Engaging lessons that make learning English natural and efficient.", mediaItems: [
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Our Advantage"
|
||||
title="Why Choose Znat?"
|
||||
description="Our unique approach combines immersive technology with proven pedagogical techniques."
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3937.jpg"},
|
||||
icon: "BookOpen", title: "Interactive Curriculum", description: "Engaging lessons that make learning English natural and efficient.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3937.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "MessageCircle", title: "Real-world Practice", description: "Focus on speaking skills and confidence in real life communication.", mediaItems: [
|
||||
icon: "MessageCircle", title: "Real-world Practice", description: "Focus on speaking skills and confidence in real life communication.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-teacher-explaining-chalkboard_23-2148665906.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-blank-speech-bubble-with-shadow-yellow-background_23-2147948812.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-teacher-explaining-chalkboard_23-2148665906.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-blank-speech-bubble-with-shadow-yellow-background_23-2147948812.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
icon: "Award", title: "Proven Results", description: "Helping thousands of students achieve fluency and certification goals.", mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graduation-label-collection-with-flat-design_23-2147864853.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
icon: "Award", title: "Proven Results", description: "Helping thousands of students achieve fluency and certification goals.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/graduation-label-collection-with-flat-design_23-2147864853.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Affordable Plans"
|
||||
title="Flexible Learning"
|
||||
description="Choose the pace and intensity that fits your lifestyle."
|
||||
plans={[
|
||||
{
|
||||
tag: "Beginner", price: "$199", description: "Introduction to essential English skills.", features: [
|
||||
"Interactive modules", "Weekly group sessions", "Basic certification"],
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$349", description: "Focus on business English and career growth.", features: [
|
||||
"1-on-1 tutoring", "Career coaching", "Advanced certificate"],
|
||||
},
|
||||
{
|
||||
tag: "Intensive", price: "$599", description: "Rapid acceleration toward fluency.", features: [
|
||||
"Daily classes", "Direct mentorship", "Priority placement"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Affordable Plans"
|
||||
title="Flexible Learning"
|
||||
description="Choose the pace and intensity that fits your lifestyle."
|
||||
plans={[
|
||||
{
|
||||
tag: "Beginner", price: "$199", description: "Introduction to essential English skills.", features: ["Interactive modules", "Weekly group sessions", "Basic certification"],
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$349", description: "Focus on business English and career growth.", features: ["1-on-1 tutoring", "Career coaching", "Advanced certificate"],
|
||||
},
|
||||
{
|
||||
tag: "Intensive", price: "$599", description: "Rapid acceleration toward fluency.", features: ["Daily classes", "Direct mentorship", "Priority placement"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Success in Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: "GraduationCap", title: "Students Graduated", value: "5,000+"},
|
||||
{
|
||||
icon: "Smile", title: "Success Rate", value: "98%"},
|
||||
{
|
||||
icon: "Globe", title: "Global Partners", value: "20+"},
|
||||
]}
|
||||
description="We are proud of the achievements our students have reached through our programs."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Success in Numbers"
|
||||
metrics={[
|
||||
{ icon: "GraduationCap", title: "Students Graduated", value: "5,000+" },
|
||||
{ icon: "Smile", title: "Success Rate", value: "98%" },
|
||||
{ icon: "Globe", title: "Global Partners", value: "20+" },
|
||||
]}
|
||||
description="We are proud of the achievements our students have reached through our programs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Success Stories"
|
||||
title="Hear from our students"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", role: "Software Engineer", company: "TechGlobal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg"},
|
||||
{
|
||||
name: "Maria K.", role: "Marketing Lead", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg"},
|
||||
{
|
||||
name: "David L.", role: "Student", company: "University of London", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg"},
|
||||
{
|
||||
name: "Elena P.", role: "Executive", company: "International Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg"},
|
||||
{
|
||||
name: "John S.", role: "Consultant", company: "Business Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg"},
|
||||
]}
|
||||
description="Real people achieving real results with Znat."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Success Stories"
|
||||
title="Hear from our students"
|
||||
testimonials={[
|
||||
{ name: "Alex R.", role: "Software Engineer", company: "TechGlobal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-business-woman-with-folder-hand_171337-16601.jpg" },
|
||||
{ name: "Maria K.", role: "Marketing Lead", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg" },
|
||||
{ name: "David L.", role: "Student", company: "University of London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg" },
|
||||
{ name: "Elena P.", role: "Executive", company: "International Trade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-nice-smile_23-2147611501.jpg" },
|
||||
{ name: "John S.", role: "Consultant", company: "Business Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg" },
|
||||
]}
|
||||
description="Real people achieving real results with Znat."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Common Questions"
|
||||
title="How Znat Works"
|
||||
items={[
|
||||
{
|
||||
question: "What happens if I miss a class?", answer: "All sessions are recorded and available for later viewing."},
|
||||
{
|
||||
question: "Are the materials included?", answer: "Yes, all course materials and textbooks are provided digitally."},
|
||||
{
|
||||
question: "Do I need prior knowledge?", answer: "We offer placement tests to ensure you join the right level."},
|
||||
{
|
||||
question: "Can I switch plans?", answer: "Absolutely, contact your mentor anytime to adjust your learning path."},
|
||||
]}
|
||||
description="Get quick answers to common questions about our programs."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Common Questions"
|
||||
title="How Znat Works"
|
||||
items={[
|
||||
{ question: "What happens if I miss a class?", answer: "All sessions are recorded and available for later viewing." },
|
||||
{ question: "Are the materials included?", answer: "Yes, all course materials and textbooks are provided digitally." },
|
||||
{ question: "Do I need prior knowledge?", answer: "We offer placement tests to ensure you join the right level." },
|
||||
{ question: "Can I switch plans?", answer: "Absolutely, contact your mentor anytime to adjust your learning path." },
|
||||
]}
|
||||
description="Get quick answers to common questions about our programs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Begin Your Journey"
|
||||
description="Sign up for a free consultation today and find your level."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Join Now"
|
||||
termsText="By signing up, you agree to our terms of service."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get Started"
|
||||
title="Begin Your Journey"
|
||||
description="Sign up for a free consultation today and find your level."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Join Now"
|
||||
termsText="By signing up, you agree to our terms of service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="Znat English School"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyright="© 2024 Znat. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user