Compare commits
1 Commits
version_2
...
7594cfc132
| Author | SHA1 | Date | |
|---|---|---|---|
| 7594cfc132 |
218
src/app/page.tsx
218
src/app/page.tsx
@@ -1,6 +1,14 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
|
||||||
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||||
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import { Sparkles, Award, Linkedin } from "lucide-react";
|
||||||
|
|
||||||
export default function ITSchoolPage() {
|
export default function ITSchoolPage() {
|
||||||
return (
|
return (
|
||||||
@@ -17,106 +25,152 @@ export default function ITSchoolPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<div className="p-8 text-center">
|
<NavbarLayoutFloatingOverlay
|
||||||
<h1 className="text-2xl font-bold">Bimbim v pope DUM</h1>
|
brandName="Bimbim v pope DUM"
|
||||||
<nav className="mt-4 space-x-4">
|
navItems={[
|
||||||
<a href="#hero" className="text-blue-600 hover:underline">Home</a>
|
{ name: "Home", id: "home" },
|
||||||
<a href="#about" className="text-blue-600 hover:underline">About</a>
|
{ name: "About", id: "about" },
|
||||||
<a href="#courses" className="text-blue-600 hover:underline">Courses</a>
|
{ name: "Courses", id: "courses" },
|
||||||
<a href="#testimonials" className="text-blue-600 hover:underline">Testimonials</a>
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
<a href="#contact" className="text-blue-600 hover:underline">Contact</a>
|
{ name: "Contact", id: "contact" },
|
||||||
</nav>
|
{ name: "LinkedIn", id: "linkedin", icon: Linkedin, href: "https://www.linkedin.com/company/bimbim-v-pope-dum/" }
|
||||||
</div>
|
]}
|
||||||
|
button={{
|
||||||
|
text: "Get Started",
|
||||||
|
href: "#contact"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<div className="p-12 text-center">
|
<HeroLogoBillboardSplitImage
|
||||||
<h1 className="text-4xl font-bold mb-6">BIMBIM</h1>
|
logoText="BIMBIM"
|
||||||
<p className="text-lg mb-8 max-w-2xl mx-auto">Master the digital world with industry-leading IT education. Learn programming, web development, data science, and more from experienced professionals.</p>
|
description="Master the digital world with industry-leading IT education. Learn programming, web development, data science, and more from experienced professionals."
|
||||||
<div className="space-x-4">
|
buttons={[
|
||||||
<a href="#courses" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Explore Courses</a>
|
{ text: "Explore Courses", href: "#courses" },
|
||||||
<a href="#contact" className="bg-gray-200 text-gray-800 px-6 py-3 rounded hover:bg-gray-300">Contact Us</a>
|
{ text: "Contact Us", href: "#contact" }
|
||||||
</div>
|
]}
|
||||||
</div>
|
layoutOrder="default"
|
||||||
|
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743062378-8hs7jdir.jpg"
|
||||||
|
splitImageAlt="IT students learning in classroom"
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743063397-9m94a9mi.jpg"
|
||||||
|
imageAlt="Modern IT school classroom"
|
||||||
|
frameStyle="card"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<div className="p-12">
|
<MediaAbout
|
||||||
<h2 className="text-3xl font-bold mb-4">Empowering the Next Generation of IT Professionals</h2>
|
title="Empowering the Next Generation of IT Professionals"
|
||||||
<p className="text-lg mb-6">Bimbim v pope DUM is dedicated to providing comprehensive, hands-on IT education. Our expert instructors combine practical experience with innovative teaching methods to help students master cutting-edge technologies and launch successful careers in tech.</p>
|
description="Bimbim v pope DUM is dedicated to providing comprehensive, hands-on IT education. Our expert instructors combine practical experience with innovative teaching methods to help students master cutting-edge technologies and launch successful careers in tech."
|
||||||
<a href="#courses" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Learn More</a>
|
tag="About Us"
|
||||||
</div>
|
tagIcon={Sparkles}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743063397-9m94a9mi.jpg"
|
||||||
|
imageAlt="About our school"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
buttons={[
|
||||||
|
{ text: "Learn More", href: "#courses" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="courses" data-section="courses">
|
<div id="courses" data-section="courses">
|
||||||
<div className="p-12">
|
<FeatureCardSeven
|
||||||
<h2 className="text-3xl font-bold mb-4">Our Core Programs</h2>
|
title="Our Core Programs"
|
||||||
<p className="text-lg mb-8">Choose from our comprehensive selection of IT courses designed to build real-world skills.</p>
|
description="Choose from our comprehensive selection of IT courses designed to build real-world skills."
|
||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
tag="Courses"
|
||||||
<div className="bg-white p-6 rounded-lg shadow">
|
features={[
|
||||||
<h3 className="text-xl font-bold mb-2">Web Development</h3>
|
{
|
||||||
<p>Learn HTML, CSS, JavaScript, React, and modern web frameworks. Build responsive, interactive websites and web applications.</p>
|
id: 1,
|
||||||
</div>
|
title: "Web Development",
|
||||||
<div className="bg-white p-6 rounded-lg shadow">
|
description: "Learn HTML, CSS, JavaScript, React, and modern web frameworks. Build responsive, interactive websites and web applications.",
|
||||||
<h3 className="text-xl font-bold mb-2">Programming Fundamentals</h3>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492694761-e96hadsf.jpg",
|
||||||
<p>Master programming basics with Python, Java, or C++. Understand algorithms, data structures, and software design principles.</p>
|
imageAlt: "Web development course"
|
||||||
</div>
|
},
|
||||||
<div className="bg-white p-6 rounded-lg shadow">
|
{
|
||||||
<h3 className="text-xl font-bold mb-2">Data Science & Analytics</h3>
|
id: 2,
|
||||||
<p>Explore data analysis, machine learning, and visualization. Learn to extract insights from complex datasets.</p>
|
title: "Programming Fundamentals",
|
||||||
</div>
|
description: "Master programming basics with Python, Java, or C++. Understand algorithms, data structures, and software design principles.",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png",
|
||||||
</div>
|
imageAlt: "Programming course"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Data Science & Analytics",
|
||||||
|
description: "Explore data analysis, machine learning, and visualization. Learn to extract insights from complex datasets.",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492695669-hy749o3o.jpg",
|
||||||
|
imageAlt: "Data science course"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
animationType="blur-reveal"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<div className="p-12">
|
<TestimonialCardTwelve
|
||||||
<h2 className="text-3xl font-bold mb-4">Join thousands of successful graduates building careers in tech</h2>
|
testimonials={[
|
||||||
<p className="text-lg mb-8">Student Success Stories</p>
|
{
|
||||||
<div className="grid grid-cols-2 md:grid-cols-3 gap-6">
|
id: "1",
|
||||||
<div className="text-center">
|
name: "Ahmed Hassan",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg" alt="Ahmed Hassan" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg",
|
||||||
<p className="font-semibold">Ahmed Hassan</p>
|
imageAlt: "Ahmed Hassan"
|
||||||
</div>
|
},
|
||||||
<div className="text-center">
|
{
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg" alt="Fatima Al-Rashid" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
id: "2",
|
||||||
<p className="font-semibold">Fatima Al-Rashid</p>
|
name: "Fatima Al-Rashid",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
|
||||||
<div className="text-center">
|
imageAlt: "Fatima Al-Rashid"
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg" alt="Mohammed Ibrahim" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
},
|
||||||
<p className="font-semibold">Mohammed Ibrahim</p>
|
{
|
||||||
</div>
|
id: "3",
|
||||||
<div className="text-center">
|
name: "Mohammed Ibrahim",
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492698706-udp5pns4.jpg" alt="Layla Saeed" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
|
||||||
<p className="font-semibold">Layla Saeed</p>
|
imageAlt: "Mohammed Ibrahim"
|
||||||
</div>
|
},
|
||||||
<div className="text-center">
|
{
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743064968-mn7r0vxe.jpg" alt="Omar Khalil" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
id: "4",
|
||||||
<p className="font-semibold">Omar Khalil</p>
|
name: "Layla Saeed",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492698706-udp5pns4.jpg",
|
||||||
<div className="text-center">
|
imageAlt: "Layla Saeed"
|
||||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743065834-k1ycryfc.jpg" alt="Sara Al-Mansouri" className="w-20 h-20 rounded-full mx-auto mb-2" />
|
},
|
||||||
<p className="font-semibold">Sara Al-Mansouri</p>
|
{
|
||||||
</div>
|
id: "5",
|
||||||
</div>
|
name: "Omar Khalil",
|
||||||
</div>
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743064968-mn7r0vxe.jpg",
|
||||||
|
imageAlt: "Omar Khalil"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6",
|
||||||
|
name: "Sara Al-Mansouri",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743065834-k1ycryfc.jpg",
|
||||||
|
imageAlt: "Sara Al-Mansouri"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
cardTitle="Join thousands of successful graduates building careers in tech"
|
||||||
|
cardTag="Student Success Stories"
|
||||||
|
cardTagIcon={Award}
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<div className="p-12 text-center">
|
<ContactText
|
||||||
<p className="text-lg mb-8">Ready to advance your IT career? Get in touch with our admissions team today and start your learning journey.</p>
|
text="Ready to advance your IT career? Get in touch with our admissions team today and start your learning journey."
|
||||||
<div className="space-x-4">
|
animationType="entrance-slide"
|
||||||
<a href="mailto:info@bimbim.edu" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Enroll Now</a>
|
buttons={[
|
||||||
<a href="tel:+1234567890" className="bg-gray-200 text-gray-800 px-6 py-3 rounded hover:bg-gray-300">Schedule a Call</a>
|
{ text: "Enroll Now", href: "mailto:info@bimbim.edu" },
|
||||||
</div>
|
{ text: "Schedule a Call", href: "tel:+1234567890" }
|
||||||
</div>
|
]}
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<div className="p-8 text-center bg-gray-100">
|
<FooterLogoReveal
|
||||||
<h3 className="text-xl font-bold">Bimbim v pope DUM</h3>
|
logoText="Bimbim v pope DUM"
|
||||||
<p className="text-gray-600 mt-2">© 2024 Bimbim v pope DUM. All rights reserved.</p>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user