147 lines
7.3 KiB
TypeScript
147 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { BookOpen, Users, Award, TrendingUp, Globe } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="radialGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BogCoder"
|
|
button={{
|
|
text: "Enroll Now", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Master Coding at BogCoder IT School"
|
|
description="Transform your future with industry-leading programming courses. Learn web development, mobile apps, backend systems, and more from expert instructors."
|
|
tag="Education"
|
|
tagIcon={BookOpen}
|
|
buttons={[
|
|
{ text: "Start Learning", href: "/courses" },
|
|
{ text: "View Courses", href: "/pricing" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg", imageAlt: "Programming classroom with students learning"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Web development course materials"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg", imageAlt: "Mobile app development"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Backend development workspace"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg", imageAlt: "Students collaborating on coding projects"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="BogCoder: Empowering the Next Generation of Tech Professionals"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Students Graduated", value: "5,000+"
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Certification Programs", value: "15+"
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
label: "Job Placement Rate", value: "92%"
|
|
},
|
|
{
|
|
icon: Globe,
|
|
label: "Global Alumni Network", value: "150+"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Success Stories from Our Graduates"
|
|
description="Real experiences from students who transformed their careers with BogCoder."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex Rodriguez", date: "Date: 15 January 2025", title: "BogCoder completely transformed my career trajectory!", quote: "I started as a complete beginner with zero coding experience. The instructors were incredibly patient and knowledgeable. Within 6 months, I landed my first developer job earning $65,000 annually. The job placement support was invaluable.", tag: "Web Development", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Maria Chen", date: "Date: 12 January 2025", title: "The best investment in my future!", quote: "The mobile development curriculum was comprehensive and up-to-date with current industry standards. I appreciated the hands-on projects and real-world scenarios. Now I'm building apps for 2 million+ users globally.", tag: "Mobile Development", avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "James Wilson", date: "Date: 08 January 2025", title: "Worth every penny and more!", quote: "I switched careers from marketing to tech at 32 years old. BogCoder's mentorship program was crucial for my success. The community is supportive and the instructors truly care about your progress. Highly recommended!", tag: "Full Stack", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="BogCoder"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Courses", href: "/courses" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Career Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Refund Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |