mulika-local/8b3cbda1-59fd-43c1-8129-8b0021561c2a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: mulika-local:version_1
Branches Tags
mulika-local:main mulika-local:version_2 mulika-local:version_1
..
compare: mulika-local:version_2
Branches Tags
mulika-local:main mulika-local:version_2 mulika-local:version_1

2 Commits
version_1 ... version_2

Author SHA1 Message Date
mulika-local
ee2ad1126f Update src/app/page.tsx 2025-12-26 10:03:02 +00:00
mulika-local
f3fd628e5d Update src/app/page.tsx 2025-12-26 10:01:24 +00:00
1 changed files with 83 additions and 136 deletions
Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -1,14 +1,6 @@
"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 } from "lucide-react";
export default function ITSchoolPage() { export default function ITSchoolPage() {
return ( return (
@@ -25,151 +17,106 @@ export default function ITSchoolPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <div className="p-8 text-center">
brandName="Bimbim v pope DUM" <h1 className="text-2xl font-bold">Bimbim v pope DUM</h1>
navItems={[ <nav className="mt-4 space-x-4">
{ name: "Home", id: "home" }, <a href="#hero" className="text-blue-600 hover:underline">Home</a>
{ name: "About", id: "about" }, <a href="#about" className="text-blue-600 hover:underline">About</a>
{ name: "Courses", id: "courses" }, <a href="#courses" className="text-blue-600 hover:underline">Courses</a>
{ name: "Testimonials", id: "testimonials" }, <a href="#testimonials" className="text-blue-600 hover:underline">Testimonials</a>
{ name: "Contact", id: "contact" } <a href="#contact" className="text-blue-600 hover:underline">Contact</a>
]} </nav>
button={{ </div>
text: "Get Started",
href: "#contact"
}}
/>
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboardSplitImage <div className="p-12 text-center">
logoText="BIMBIM" <h1 className="text-4xl font-bold mb-6">BIMBIM</h1>
description="Master the digital world with industry-leading IT education. Learn programming, web development, data science, and more from experienced professionals." <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>
buttons={[ <div className="space-x-4">
{ text: "Explore Courses", href: "#courses" }, <a href="#courses" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Explore Courses</a>
{ text: "Contact Us", href: "#contact" } <a href="#contact" className="bg-gray-200 text-gray-800 px-6 py-3 rounded hover:bg-gray-300">Contact Us</a>
]} </div>
layoutOrder="default" </div>
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">
<MediaAbout <div className="p-12">
title="Empowering the Next Generation of IT Professionals" <h2 className="text-3xl font-bold mb-4">Empowering the Next Generation of IT Professionals</h2>
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." <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>
tag="About Us" <a href="#courses" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Learn More</a>
tagIcon={Sparkles} </div>
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">
<FeatureCardSeven <div className="p-12">
title="Our Core Programs" <h2 className="text-3xl font-bold mb-4">Our Core Programs</h2>
description="Choose from our comprehensive selection of IT courses designed to build real-world skills." <p className="text-lg mb-8">Choose from our comprehensive selection of IT courses designed to build real-world skills.</p>
tag="Courses" <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
features={[ <div className="bg-white p-6 rounded-lg shadow">
{ <h3 className="text-xl font-bold mb-2">Web Development</h3>
id: 1, <p>Learn HTML, CSS, JavaScript, React, and modern web frameworks. Build responsive, interactive websites and web applications.</p>
title: "Web Development", </div>
description: "Learn HTML, CSS, JavaScript, React, and modern web frameworks. Build responsive, interactive websites and web applications.", <div className="bg-white p-6 rounded-lg shadow">
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492694761-e96hadsf.jpg", <h3 className="text-xl font-bold mb-2">Programming Fundamentals</h3>
imageAlt: "Web development course" <p>Master programming basics with Python, Java, or C++. Understand algorithms, data structures, and software design principles.</p>
}, </div>
{ <div className="bg-white p-6 rounded-lg shadow">
id: 2, <h3 className="text-xl font-bold mb-2">Data Science & Analytics</h3>
title: "Programming Fundamentals", <p>Explore data analysis, machine learning, and visualization. Learn to extract insights from complex datasets.</p>
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" </div>
},
{
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">
<TestimonialCardTwelve <div className="p-12">
testimonials={[ <h2 className="text-3xl font-bold mb-4">Join thousands of successful graduates building careers in tech</h2>
{ <p className="text-lg mb-8">Student Success Stories</p>
id: "1", <div className="grid grid-cols-2 md:grid-cols-3 gap-6">
name: "Ahmed Hassan", <div className="text-center">
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg", <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" />
imageAlt: "Ahmed Hassan" <p className="font-semibold">Ahmed Hassan</p>
}, </div>
{ <div className="text-center">
id: "2", <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" />
name: "Fatima Al-Rashid", <p className="font-semibold">Fatima Al-Rashid</p>
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg", </div>
imageAlt: "Fatima Al-Rashid" <div className="text-center">
}, <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>
id: "3", </div>
name: "Mohammed Ibrahim", <div className="text-center">
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg", <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" />
imageAlt: "Mohammed Ibrahim" <p className="font-semibold">Layla Saeed</p>
}, </div>
{ <div className="text-center">
id: "4", <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" />
name: "Layla Saeed", <p className="font-semibold">Omar Khalil</p>
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492698706-udp5pns4.jpg", </div>
imageAlt: "Layla Saeed" <div className="text-center">
}, <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>
id: "5", </div>
name: "Omar Khalil", </div>
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743064968-mn7r0vxe.jpg", </div>
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">
<ContactText <div className="p-12 text-center">
text="Ready to advance your IT career? Get in touch with our admissions team today and start your learning journey." <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>
animationType="entrance-slide" <div className="space-x-4">
buttons={[ <a href="mailto:info@bimbim.edu" className="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Enroll Now</a>
{ text: "Enroll Now", href: "mailto:info@bimbim.edu" }, <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: "Schedule a Call", href: "tel:+1234567890" } </div>
]} </div>
useInvertedBackground="noInvert"
/>
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <div className="p-8 text-center bg-gray-100">
logoText="Bimbim v pope DUM" <h3 className="text-xl font-bold">Bimbim v pope DUM</h3>
/> <p className="text-gray-600 mt-2">© 2024 Bimbim v pope DUM. All rights reserved.</p>
</div>
</div> </div>
</ThemeProvider> </ThemeProvider>
); );