Merge version_2 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "programs" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ELI Institute"
|
||||
/>
|
||||
@@ -59,47 +44,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master English. Build Your Future."
|
||||
description="Welcome to ELI Institute Biskra. Your global gateway to fluent English, professional mastery, and academic success."
|
||||
tag="PREMIUM ACADEMY"
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Courses",
|
||||
href: "#programs",
|
||||
},
|
||||
{ text: "Register Now", href: "#contact" },
|
||||
{ text: "View Courses", href: "#programs" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=1",
|
||||
imageAlt: "ELI Biskra Campus View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=1",
|
||||
imageAlt: "ELI Biskra Classroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=1",
|
||||
imageAlt: "ELI Biskra Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906174.jpg",
|
||||
imageAlt: "Learning Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892676.jpg",
|
||||
imageAlt: "Modern Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg",
|
||||
imageAlt: "Lounge Area",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=1", imageAlt: "ELI Biskra Campus View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=1", imageAlt: "ELI Biskra Classroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=1", imageAlt: "ELI Biskra Exterior" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="World-Class Excellence in Biskra"
|
||||
metrics={[
|
||||
{
|
||||
label: "Students Graduated",
|
||||
value: "5000+",
|
||||
icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
label: "Qualified Teachers",
|
||||
value: "25+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
icon: Award,
|
||||
},
|
||||
{ label: "Students Graduated", value: "5000+", icon: GraduationCap },
|
||||
{ label: "Qualified Teachers", value: "25+", icon: Users },
|
||||
{ label: "Years Experience", value: "10+", icon: Award },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -137,42 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Beginner Level",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Intermediate Level",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892664.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Advanced Mastery",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Business English",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-empty-chairs-computers-generated-by-ai_188544-22073.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Exam Preparation",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257211.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Conversational Skills",
|
||||
price: "5000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899441.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Beginner Level", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg" },
|
||||
{ id: "p2", name: "Intermediate Level", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892664.jpg" },
|
||||
{ id: "p3", name: "Advanced Mastery", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg" },
|
||||
]}
|
||||
title="English Courses & Levels"
|
||||
description="Structured curriculum from beginner to advanced mastery."
|
||||
@@ -185,21 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Progress",
|
||||
description: "Accelerated learning methods that deliver real results.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Certified Standards",
|
||||
description: "Internationally aligned curriculum and assessment.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Mindset",
|
||||
description: "Prepare for international opportunities with confidence.",
|
||||
},
|
||||
{ icon: Zap, title: "Rapid Progress", description: "Accelerated learning methods that deliver real results." },
|
||||
{ icon: ShieldCheck, title: "Certified Standards", description: "Internationally aligned curriculum and assessment." },
|
||||
{ icon: Globe, title: "Global Mindset", description: "Prepare for international opportunities with confidence." },
|
||||
]}
|
||||
title="Why Choose ELI Institute?"
|
||||
description="We combine premium methodology with local accessibility."
|
||||
@@ -211,61 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
date: "2023",
|
||||
title: "University Student",
|
||||
quote: "ELI Institute transformed my English proficiency completely.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962975.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=2",
|
||||
imageAlt: "professional teacher portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mohamed B.",
|
||||
date: "2023",
|
||||
title: "Professional",
|
||||
quote: "The best training center in Biskra by far.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962972.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=2",
|
||||
imageAlt: "professional teacher portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lila K.",
|
||||
date: "2023",
|
||||
title: "Teacher",
|
||||
quote: "Professional, smooth, and highly organized.",
|
||||
tag: "Inspiring",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-students-with-books-posing-grass_23-2147659290.jpg",
|
||||
imageAlt: "professional teacher portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Yassine D.",
|
||||
date: "2023",
|
||||
title: "Developer",
|
||||
quote: "Fluency made simple and fun. Highly recommend.",
|
||||
tag: "Effective",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-front-side_187299-39424.jpg",
|
||||
imageAlt: "professional teacher portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amira H.",
|
||||
date: "2023",
|
||||
title: "Marketing",
|
||||
quote: "Premium quality in every single aspect.",
|
||||
tag: "TopTier",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-entrepreneur-workplace_1098-13927.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=2",
|
||||
imageAlt: "professional teacher portrait",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Ahmed", date: "2023", title: "University Student", quote: "ELI Institute transformed my English proficiency completely.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962975.jpg" },
|
||||
{ id: "t2", name: "Mohamed B.", date: "2023", title: "Professional", quote: "The best training center in Biskra by far.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962972.jpg" },
|
||||
{ id: "t3", name: "Lila K.", date: "2023", title: "Teacher", quote: "Professional, smooth, and highly organized.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear what our students are saying about their journey."
|
||||
@@ -278,40 +125,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
price: "5000 DZD",
|
||||
subtitle: "Includes full course materials",
|
||||
buttons: [
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Registration Fee",
|
||||
"Material Access",
|
||||
"Certificate",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "5000 DZD",
|
||||
subtitle: "Special online enrollment rate",
|
||||
buttons: [
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Benefits",
|
||||
"Online Payment",
|
||||
"Discount Applied",
|
||||
],
|
||||
},
|
||||
{ id: "standard", badge: "Popular", price: "5000 DZD", subtitle: "Includes full course materials", buttons: [{ text: "Register Now", href: "#contact" }], features: ["Registration Fee", "Material Access", "Certificate"] },
|
||||
{ id: "pro", badge: "Premium", price: "5000 DZD", subtitle: "Special online enrollment rate", buttons: [{ text: "Register Now", href: "#contact" }], features: ["All Benefits", "Online Payment", "Discount Applied"] },
|
||||
]}
|
||||
title="Special Offer"
|
||||
description="Enroll online and save 5000 DZD today."
|
||||
@@ -323,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "Rue Balil Aboubakr, Biskra, Algeria.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to register?",
|
||||
content: "You can visit our institute or register via our website.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is payment secure?",
|
||||
content: "Yes, we use industry-standard encryption for all payments.",
|
||||
},
|
||||
{ id: "f1", title: "Where are you located?", content: "Rue Balil Aboubakr, Biskra, Algeria." },
|
||||
{ id: "f2", title: "How to register?", content: "You can visit our institute or register via our website." },
|
||||
{ id: "f3", title: "Is payment secure?", content: "Yes, we use industry-standard encryption for all payments." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Quick answers to common questions."
|
||||
@@ -348,30 +151,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join ELI Biskra today and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "tel:+213000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Register Now", href: "tel:+213000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ELI Biskra"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user