Merge version_1 into main #2
@@ -44,14 +44,12 @@ export default function AboutPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Courses", id: "/courses" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Enroll Now", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,40 +79,28 @@ export default function AboutPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Experienced Instructors",
|
||||
description:
|
||||
"Qualified and passionate teachers with years of international teaching experience and proven results.",
|
||||
},
|
||||
title: "Experienced Instructors", description:
|
||||
"Qualified and passionate teachers with years of international teaching experience and proven results."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Practical Speaking Focus",
|
||||
description:
|
||||
"We emphasize real-world communication skills. Learn to speak confidently and naturally from day one.",
|
||||
},
|
||||
title: "Practical Speaking Focus", description:
|
||||
"We emphasize real-world communication skills. Learn to speak confidently and naturally from day one."},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Learning Environment",
|
||||
description:
|
||||
"A welcoming community where students support each other. Learning is enjoyable and stress-free.",
|
||||
},
|
||||
title: "Friendly Learning Environment", description:
|
||||
"A welcoming community where students support each other. Learning is enjoyable and stress-free."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Affordable Courses",
|
||||
description:
|
||||
"Quality education at competitive rates. We offer flexible payment options and course packages.",
|
||||
},
|
||||
title: "Affordable Courses", description:
|
||||
"Quality education at competitive rates. We offer flexible payment options and course packages."},
|
||||
{
|
||||
icon: BookMarked,
|
||||
title: "Comprehensive Curriculum",
|
||||
description:
|
||||
"Structured courses from beginner to advanced levels, aligned with international language standards.",
|
||||
},
|
||||
title: "Comprehensive Curriculum", description:
|
||||
"Structured courses from beginner to advanced levels, aligned with international language standards."},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Proven Track Record",
|
||||
description:
|
||||
"Hundreds of successful students who have achieved their language learning goals and beyond.",
|
||||
},
|
||||
title: "Proven Track Record", description:
|
||||
"Hundreds of successful students who have achieved their language learning goals and beyond."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -129,7 +115,7 @@ export default function AboutPage() {
|
||||
tagIcon={Mail}
|
||||
title="Start Your Language Learning Journey Today"
|
||||
description="Join Nagasaki Language School and unlock a world of opportunities through language mastery. Contact us now to enroll or learn more about our courses."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
@@ -145,19 +131,13 @@ export default function AboutPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/923000000000",
|
||||
ariaLabel: "WhatsApp",
|
||||
},
|
||||
href: "https://wa.me/923000000000", ariaLabel: "WhatsApp"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -26,9 +26,9 @@ export default function ContactPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Courses", id: "/courses" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -43,7 +43,7 @@ export default function ContactPage() {
|
||||
tagIcon={Mail}
|
||||
title="Start Your Language Learning Journey Today"
|
||||
description="Join Nagasaki Language School and unlock a world of opportunities through language mastery. Contact us now to enroll or learn more about our courses."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
@@ -60,33 +60,27 @@ export default function ContactPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Experienced Instructors",
|
||||
description: "Qualified and passionate teachers with years of international teaching experience and proven results."
|
||||
title: "Experienced Instructors", description: "Qualified and passionate teachers with years of international teaching experience and proven results."
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Practical Speaking Focus",
|
||||
description: "We emphasize real-world communication skills. Learn to speak confidently and naturally from day one."
|
||||
title: "Practical Speaking Focus", description: "We emphasize real-world communication skills. Learn to speak confidently and naturally from day one."
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Learning Environment",
|
||||
description: "A welcoming community where students support each other. Learning is enjoyable and stress-free."
|
||||
title: "Friendly Learning Environment", description: "A welcoming community where students support each other. Learning is enjoyable and stress-free."
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Affordable Courses",
|
||||
description: "Quality education at competitive rates. We offer flexible payment options and course packages."
|
||||
title: "Affordable Courses", description: "Quality education at competitive rates. We offer flexible payment options and course packages."
|
||||
},
|
||||
{
|
||||
icon: BookMarked,
|
||||
title: "Comprehensive Curriculum",
|
||||
description: "Structured courses from beginner to advanced levels, aligned with international language standards."
|
||||
title: "Comprehensive Curriculum", description: "Structured courses from beginner to advanced levels, aligned with international language standards."
|
||||
},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Proven Track Record",
|
||||
description: "Hundreds of successful students who have achieved their language learning goals and beyond."
|
||||
title: "Proven Track Record", description: "Hundreds of successful students who have achieved their language learning goals and beyond."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -103,28 +97,16 @@ export default function ContactPage() {
|
||||
tagIcon={MessageCircle}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sara Ahmed",
|
||||
role: "University Student",
|
||||
testimonial: "I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.",
|
||||
icon: BookOpen,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq&_wi=3"
|
||||
id: "1", name: "Sara Ahmed", role: "University Student", testimonial: "I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.", icon: BookOpen,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Muhammad Usman",
|
||||
role: "Corporate Professional",
|
||||
testimonial: "The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!",
|
||||
icon: Briefcase,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o&_wi=3"
|
||||
id: "2", name: "Muhammad Usman", role: "Corporate Professional", testimonial: "The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!", icon: Briefcase,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zainab Malik",
|
||||
role: "College Student",
|
||||
testimonial: "Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.",
|
||||
icon: Mic,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p&_wi=3"
|
||||
id: "3", name: "Zainab Malik", role: "College Student", testimonial: "Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.", icon: Mic,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -140,18 +122,15 @@ export default function ContactPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook"
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram"
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/923000000000",
|
||||
ariaLabel: "WhatsApp"
|
||||
href: "https://wa.me/923000000000", ariaLabel: "WhatsApp"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -26,9 +26,9 @@ export default function CoursesPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Courses", id: "/courses" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -45,32 +45,16 @@ export default function CoursesPage() {
|
||||
tagIcon={GraduationCap}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Japanese Language",
|
||||
price: "Beginner - Advanced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ud83&_wi=2",
|
||||
imageAlt: "Japanese language learning course education"
|
||||
id: "1", name: "Japanese Language", price: "Beginner - Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ud83", imageAlt: "Japanese language learning course education"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "English Language",
|
||||
price: "All Levels",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hu8afc&_wi=2",
|
||||
imageAlt: "English language learning course education"
|
||||
id: "2", name: "English Language", price: "All Levels", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hu8afc", imageAlt: "English language learning course education"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spoken English",
|
||||
price: "Intermediate+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c91it&_wi=2",
|
||||
imageAlt: "speaking practice dialogue conversation learning"
|
||||
id: "3", name: "Spoken English", price: "Intermediate+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c91it", imageAlt: "speaking practice dialogue conversation learning"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Basic Language Courses",
|
||||
price: "Beginner Friendly",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkvzgm&_wi=2",
|
||||
imageAlt: "beginner language learning fundamentals"
|
||||
id: "4", name: "Basic Language Courses", price: "Beginner Friendly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkvzgm", imageAlt: "beginner language learning fundamentals"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -88,52 +72,28 @@ export default function CoursesPage() {
|
||||
tagIcon={MessageCircle}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sara Ahmed",
|
||||
role: "University Student",
|
||||
testimonial: "I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.",
|
||||
icon: BookOpen,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq&_wi=2"
|
||||
id: "1", name: "Sara Ahmed", role: "University Student", testimonial: "I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.", icon: BookOpen,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Muhammad Usman",
|
||||
role: "Corporate Professional",
|
||||
testimonial: "The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!",
|
||||
icon: Briefcase,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o&_wi=2"
|
||||
id: "2", name: "Muhammad Usman", role: "Corporate Professional", testimonial: "The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!", icon: Briefcase,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zainab Malik",
|
||||
role: "College Student",
|
||||
testimonial: "Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.",
|
||||
icon: Mic,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p&_wi=2"
|
||||
id: "3", name: "Zainab Malik", role: "College Student", testimonial: "Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.", icon: Mic,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Hassan",
|
||||
role: "Business Owner",
|
||||
testimonial: "Invested in English and Japanese courses. The ROI has been incredible - better communication with international partners!",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7kz11n&_wi=2"
|
||||
id: "4", name: "Ali Hassan", role: "Business Owner", testimonial: "Invested in English and Japanese courses. The ROI has been incredible - better communication with international partners!", icon: TrendingUp,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7kz11n"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hina Siddiqui",
|
||||
role: "Exchange Student",
|
||||
testimonial: "The intensive Japanese course prepared me perfectly for my exchange semester. Thank you for making it possible!",
|
||||
icon: Plane,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02etab&_wi=2"
|
||||
id: "5", name: "Hina Siddiqui", role: "Exchange Student", testimonial: "The intensive Japanese course prepared me perfectly for my exchange semester. Thank you for making it possible!", icon: Plane,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02etab"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tariq Khan",
|
||||
role: "Freelance Translator",
|
||||
testimonial: "I built my translation career starting with courses at Nagasaki. The quality of instruction is unmatched in Sialkot.",
|
||||
icon: Languages,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7bxh3&_wi=2"
|
||||
id: "6", name: "Tariq Khan", role: "Freelance Translator", testimonial: "I built my translation career starting with courses at Nagasaki. The quality of instruction is unmatched in Sialkot.", icon: Languages,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7bxh3"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -148,7 +108,7 @@ export default function CoursesPage() {
|
||||
tagIcon={GraduationCap}
|
||||
title="Start Your Language Learning Journey Today"
|
||||
description="Join Nagasaki Language School and unlock a world of opportunities through language mastery. Contact us now to enroll or learn more about our courses."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
@@ -163,18 +123,15 @@ export default function CoursesPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook"
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram"
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/923000000000",
|
||||
ariaLabel: "WhatsApp"
|
||||
href: "https://wa.me/923000000000", ariaLabel: "WhatsApp"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
198
src/app/page.tsx
198
src/app/page.tsx
@@ -50,21 +50,19 @@ export default function HomePage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Courses", id: "/courses" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Enroll Now", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Master New Languages. Unlock Global Opportunities."
|
||||
description="At Nagasaki Language School Sialkot, we empower students and professionals with practical language skills for education, careers, and international success. Join our community of learners and discover the world through language."
|
||||
tag="Welcome"
|
||||
@@ -76,42 +74,26 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Hassan",
|
||||
handle: "Student, Business Professional",
|
||||
testimonial:
|
||||
"The instructors made learning Japanese so engaging! I improved my communication skills dramatically in just 3 months.",
|
||||
rating: 5,
|
||||
name: "Ahmed Hassan", handle: "Student, Business Professional", testimonial:
|
||||
"The instructors made learning Japanese so engaging! I improved my communication skills dramatically in just 3 months.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gl5ji2",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gl5ji2"},
|
||||
{
|
||||
name: "Fatima Khan",
|
||||
handle: "Student, University Entrance",
|
||||
testimonial:
|
||||
"This school helped me pass my English proficiency exam. The teaching methods are practical and effective!",
|
||||
rating: 5,
|
||||
name: "Fatima Khan", handle: "Student, University Entrance", testimonial:
|
||||
"This school helped me pass my English proficiency exam. The teaching methods are practical and effective!", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9ny7s",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9ny7s"},
|
||||
{
|
||||
name: "Hassan Ali",
|
||||
handle: "Professional, Tech Company",
|
||||
testimonial:
|
||||
"I took the Spoken English course and now I confidently present in English at work. Highly recommended!",
|
||||
rating: 5,
|
||||
name: "Hassan Ali", handle: "Professional, Tech Company", testimonial:
|
||||
"I took the Spoken English course and now I confidently present in English at work. Highly recommended!", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nhu5r9",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nhu5r9"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Enroll Now", href: "contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,40 +109,28 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Experienced Instructors",
|
||||
description:
|
||||
"Qualified and passionate teachers with years of international teaching experience and proven results.",
|
||||
},
|
||||
title: "Experienced Instructors", description:
|
||||
"Qualified and passionate teachers with years of international teaching experience and proven results."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Practical Speaking Focus",
|
||||
description:
|
||||
"We emphasize real-world communication skills. Learn to speak confidently and naturally from day one.",
|
||||
},
|
||||
title: "Practical Speaking Focus", description:
|
||||
"We emphasize real-world communication skills. Learn to speak confidently and naturally from day one."},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Learning Environment",
|
||||
description:
|
||||
"A welcoming community where students support each other. Learning is enjoyable and stress-free.",
|
||||
},
|
||||
title: "Friendly Learning Environment", description:
|
||||
"A welcoming community where students support each other. Learning is enjoyable and stress-free."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Affordable Courses",
|
||||
description:
|
||||
"Quality education at competitive rates. We offer flexible payment options and course packages.",
|
||||
},
|
||||
title: "Affordable Courses", description:
|
||||
"Quality education at competitive rates. We offer flexible payment options and course packages."},
|
||||
{
|
||||
icon: BookMarked,
|
||||
title: "Comprehensive Curriculum",
|
||||
description:
|
||||
"Structured courses from beginner to advanced levels, aligned with international language standards.",
|
||||
},
|
||||
title: "Comprehensive Curriculum", description:
|
||||
"Structured courses from beginner to advanced levels, aligned with international language standards."},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Proven Track Record",
|
||||
description:
|
||||
"Hundreds of successful students who have achieved their language learning goals and beyond.",
|
||||
},
|
||||
title: "Proven Track Record", description:
|
||||
"Hundreds of successful students who have achieved their language learning goals and beyond."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -177,37 +147,17 @@ export default function HomePage() {
|
||||
tagIcon={GraduationCap}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Japanese Language",
|
||||
price: "Beginner - Advanced",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ud83&_wi=1",
|
||||
imageAlt: "Japanese language course",
|
||||
},
|
||||
id: "1", name: "Japanese Language", price: "Beginner - Advanced", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7ud83", imageAlt: "Japanese language course"},
|
||||
{
|
||||
id: "2",
|
||||
name: "English Language",
|
||||
price: "All Levels",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hu8afc&_wi=1",
|
||||
imageAlt: "English language course",
|
||||
},
|
||||
id: "2", name: "English Language", price: "All Levels", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hu8afc", imageAlt: "English language course"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spoken English",
|
||||
price: "Intermediate+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c91it&_wi=1",
|
||||
imageAlt: "Spoken English course",
|
||||
},
|
||||
id: "3", name: "Spoken English", price: "Intermediate+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4c91it", imageAlt: "Spoken English course"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Basic Language Courses",
|
||||
price: "Beginner Friendly",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkvzgm&_wi=1",
|
||||
imageAlt: "Basic language courses",
|
||||
},
|
||||
id: "4", name: "Basic Language Courses", price: "Beginner Friendly", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rkvzgm", imageAlt: "Basic language courses"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -225,65 +175,35 @@ export default function HomePage() {
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sara Ahmed",
|
||||
role: "University Student",
|
||||
testimonial:
|
||||
"I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.",
|
||||
icon: BookOpen,
|
||||
id: "1", name: "Sara Ahmed", role: "University Student", testimonial:
|
||||
"I joined for English preparation and not only passed my entrance exam, but now I tutor my friends! The teaching methods are outstanding.", icon: BookOpen,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1a8aq"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Muhammad Usman",
|
||||
role: "Corporate Professional",
|
||||
testimonial:
|
||||
"The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!",
|
||||
icon: MessageSquare,
|
||||
id: "2", name: "Muhammad Usman", role: "Corporate Professional", testimonial:
|
||||
"The Japanese course opened doors for my career. I'm now working with Japanese clients and couldn't have done it without Nagasaki!", icon: MessageSquare,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7lc6o"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zainab Malik",
|
||||
role: "College Student",
|
||||
testimonial:
|
||||
"Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.",
|
||||
icon: MessageSquare,
|
||||
id: "3", name: "Zainab Malik", role: "College Student", testimonial:
|
||||
"Spoken English class completely changed my confidence. I went from being nervous to actively participating in class discussions.", icon: MessageSquare,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z8qp4p"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Hassan",
|
||||
role: "Business Owner",
|
||||
testimonial:
|
||||
"Invested in English and Japanese courses. The ROI has been incredible - better communication with international partners!",
|
||||
icon: MessageSquare,
|
||||
id: "4", name: "Ali Hassan", role: "Business Owner", testimonial:
|
||||
"Invested in English and Japanese courses. The ROI has been incredible - better communication with international partners!", icon: MessageSquare,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7kz11n&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7kz11n"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hina Siddiqui",
|
||||
role: "Exchange Student",
|
||||
testimonial:
|
||||
"The intensive Japanese course prepared me perfectly for my exchange semester. Thank you for making it possible!",
|
||||
icon: MessageSquare,
|
||||
id: "5", name: "Hina Siddiqui", role: "Exchange Student", testimonial:
|
||||
"The intensive Japanese course prepared me perfectly for my exchange semester. Thank you for making it possible!", icon: MessageSquare,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02etab&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=02etab"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tariq Khan",
|
||||
role: "Freelance Translator",
|
||||
testimonial:
|
||||
"I built my translation career starting with courses at Nagasaki. The quality of instruction is unmatched in Sialkot.",
|
||||
icon: MessageSquare,
|
||||
id: "6", name: "Tariq Khan", role: "Freelance Translator", testimonial:
|
||||
"I built my translation career starting with courses at Nagasaki. The quality of instruction is unmatched in Sialkot.", icon: MessageSquare,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7bxh3&_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w7bxh3"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -298,7 +218,7 @@ export default function HomePage() {
|
||||
tagIcon={Mail}
|
||||
title="Start Your Language Learning Journey Today"
|
||||
description="Join Nagasaki Language School and unlock a world of opportunities through language mastery. Contact us now to enroll or learn more about our courses."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
@@ -314,19 +234,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/923000000000",
|
||||
ariaLabel: "WhatsApp",
|
||||
},
|
||||
href: "https://wa.me/923000000000", ariaLabel: "WhatsApp"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,43 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from "react";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
width?: number;
|
||||
height?: number;
|
||||
fontSize?: number;
|
||||
className?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
width = 200,
|
||||
height = 50,
|
||||
fontSize = 24,
|
||||
className = "", ...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
{...props}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user