Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -25,198 +25,97 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Business Engineering"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Business Engineering"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Master Your IELTS Preparation"
|
||||
description="Unlock your academic potential with Business Engineering. Expert coaching, proven techniques, and personalized support for your test success."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-futuristic-high-tech-educational-inter-1774876261956-778002d6.png?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Master Your IELTS Preparation"
|
||||
description="Unlock your academic potential with Business Engineering. Expert coaching, proven techniques, and personalized support for your test success."
|
||||
buttons={[{ text: "Start Learning", href: "#features" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-futuristic-high-tech-educational-inter-1774876261956-778002d6.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Success Starts Here"
|
||||
description="We are a dedicated educational center focused on developing essential academic skills. From writing to listening and time management, our curriculum is designed to guide students from scratch to total confidence."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Success Starts Here"
|
||||
description="We are a dedicated educational center focused on developing essential academic skills. From writing to listening and time management, our curriculum is designed to guide students from scratch to total confidence."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Skills Training",
|
||||
description: "Focus on writing, listening, and time management skills directly aligned with the IELTS exam structure.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/iconic-representation-of-time-management-1774876261525-c434e8cf.png?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Learn from professional instructors dedicated to helping you excel from scratch until you fully understand.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/representation-of-language-mastery-and-l-1774876261359-9e9c93e2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Proven Results",
|
||||
description: "Benefit from well-structured courses, updated resources, and effective methods to hit your target band score.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/data-analytics-and-scoring-system-icon-m-1774876265456-f0167c7e.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Business Engineering?"
|
||||
description="Our proven methodologies ensure every student receives high-quality guidance, personalized support, and practical exam strategies."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Precision Skills Training", description: "Focus on writing, listening, and time management skills directly aligned with the IELTS exam structure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/iconic-representation-of-time-management-1774876261525-c434e8cf.png" },
|
||||
{ title: "Expert Guidance", description: "Learn from professional instructors dedicated to helping you excel from scratch until you fully understand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/representation-of-language-mastery-and-l-1774876261359-9e9c93e2.png" },
|
||||
{ title: "Proven Results", description: "Benefit from well-structured courses, updated resources, and effective methods to hit your target band score.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/data-analytics-and-scoring-system-icon-m-1774876265456-f0167c7e.png" },
|
||||
]}
|
||||
title="Why Choose Business Engineering?"
|
||||
description="Our proven methodologies ensure every student receives high-quality guidance, personalized support, and practical exam strategies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Muna Issa",
|
||||
date: "2023-11-01",
|
||||
title: "Student",
|
||||
quote: "Honestly, Mr. Osama is one of the kindest people I've ever met. They deserve the world!",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-successful-student-high-re-1774876260790-763c1128.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-futuristic-high-tech-educational-inter-1774876261956-778002d6.png?_wi=2",
|
||||
imageAlt: "A futuristic high-tech educational interface with floating data charts and study progress metrics in",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anas Othman",
|
||||
date: "2023-05-01",
|
||||
title: "Student",
|
||||
quote: "The course was well-structured, engaging, and filled with valuable insights.",
|
||||
tag: "Very Satisfied",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-confident-professional-stu-1774876265768-405b4256.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png?_wi=2",
|
||||
imageAlt: "A professional mentor teaching a small group of students in a modern study environment. High-contras",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leen Abusamhadaneh",
|
||||
date: "2023-05-01",
|
||||
title: "Student",
|
||||
quote: "Absolutely the best English center I’ve ever attended! The teachers are patient and knowledgeable.",
|
||||
tag: "Highly Recommended",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-motivated-academic-student-1774876264223-114b50cb.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/iconic-representation-of-time-management-1774876261525-c434e8cf.png?_wi=2",
|
||||
imageAlt: "Iconic representation of time management skills for students. High-tech clock UI with ruby red glow.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Abdalla Suh",
|
||||
date: "2023-12-01",
|
||||
title: "Student",
|
||||
quote: "Instructors are knowledgeable, and the staff is friendly. The courses are well-organized and practical.",
|
||||
tag: "Great Experience",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-young-ambitious-student-hi-1774876262990-401e38cc.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/representation-of-language-mastery-and-l-1774876261359-9e9c93e2.png?_wi=2",
|
||||
imageAlt: "Representation of language mastery and listening skills. Digital audio waves and headphones with glo",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jenkins",
|
||||
date: "2024-01-15",
|
||||
title: "Student",
|
||||
quote: "I reached my target band score of 8.0 thanks to the intensive writing workshops.",
|
||||
tag: "Top Rated",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-successful-student-high-re-1774876260790-763c1128.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/data-analytics-and-scoring-system-icon-m-1774876265456-f0167c7e.png?_wi=2",
|
||||
imageAlt: "Data analytics and scoring system icon. Modern UI showing 9.0 IELTS band score, glowing red.",
|
||||
},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join hundreds of successful students who achieved their dreams through our guidance."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Muna Issa", date: "2023-11-01", title: "Student", quote: "Honestly, Mr. Osama is one of the kindest people I've ever met. They deserve the world!", tag: "Excellent", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-successful-student-high-re-1774876260790-763c1128.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-futuristic-high-tech-educational-inter-1774876261956-778002d6.png" },
|
||||
{ id: "2", name: "Anas Othman", date: "2023-05-01", title: "Student", quote: "The course was well-structured, engaging, and filled with valuable insights.", tag: "Very Satisfied", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-confident-professional-stu-1774876265768-405b4256.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png" },
|
||||
{ id: "3", name: "Leen Abusamhadaneh", date: "2023-05-01", title: "Student", quote: "Absolutely the best English center I’ve ever attended! The teachers are patient and knowledgeable.", tag: "Highly Recommended", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-motivated-academic-student-1774876264223-114b50cb.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/iconic-representation-of-time-management-1774876261525-c434e8cf.png" },
|
||||
{ id: "4", name: "Abdalla Suh", date: "2023-12-01", title: "Student", quote: "Instructors are knowledgeable, and the staff is friendly. The courses are well-organized and practical.", tag: "Great Experience", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-young-ambitious-student-hi-1774876262990-401e38cc.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/representation-of-language-mastery-and-l-1774876261359-9e9c93e2.png" },
|
||||
{ id: "5", name: "Sarah Jenkins", date: "2024-01-15", title: "Student", quote: "I reached my target band score of 8.0 thanks to the intensive writing workshops.", tag: "Top Rated", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/portrait-of-a-successful-student-high-re-1774876260790-763c1128.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/data-analytics-and-scoring-system-icon-m-1774876265456-f0167c7e.png" },
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join hundreds of successful students who achieved their dreams through our guidance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need prior experience?",
|
||||
content: "No, our courses are designed for all levels, from scratch to advanced.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are the courses online?",
|
||||
content: "We offer both flexible in-center sessions and professional guided support.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I register?",
|
||||
content: "You can contact our admissions team directly via our website or office.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your IELTS journey with us."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png?_wi=3"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do I need prior experience?", content: "No, our courses are designed for all levels, from scratch to advanced." },
|
||||
{ id: "2", title: "Are the courses online?", content: "We offer both flexible in-center sessions and professional guided support." },
|
||||
{ id: "3", title: "How do I register?", content: "You can contact our admissions team directly via our website or office." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your IELTS journey with us."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNaKmLDYR7xpIOorqbnMBbfRN/a-professional-mentor-teaching-a-small-g-1774876262111-5959cba9.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Business Engineering"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Business Engineering"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user