development/ebcce89f-028f-4a19-b4ea-a7f31dc52e01
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
development
2026-01-20 13:13:32 +00:00
parent 765e487540 05347fa0d5
commit 0f89788041
2 changed files with 95 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/layout.tsx
View File

@@ -5,15 +5,11 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Love Code IT School - Learn Programming & Coding Online",
description: "Master web development, mobile apps, Python, and game development at Love Code IT School. Expert instructors, 95% success rate, job placement assistance included.",
keywords: "coding courses, IT education, web development, programming school, online learning, tech training",
metadataBase: new URL("https://lovecode.school"),
title: "Love Code IT School - Learn Programming & Coding Online", description: "Master web development, mobile apps, Python, and game development at Love Code IT School. Expert instructors, 95% success rate, job placement assistance included.", keywords: "coding courses, IT education, web development, programming school, online learning, tech training", metadataBase: new URL("https://lovecode.school"),
alternates: {
canonical: "https://lovecode.school"
},
@@ -22,22 +18,14 @@ export const metadata: Metadata = {
follow: true
},
openGraph: {
title: "Love Code IT School - Transform Your Tech Career",
description: "Join 5,000+ students learning programming and IT skills. Expert-led courses with job placement assistance.",
type: "website",
siteName: "Love Code IT School",
images: [
title: "Love Code IT School - Transform Your Tech Career", description: "Join 5,000+ students learning programming and IT skills. Expert-led courses with job placement assistance.", type: "website", siteName: "Love Code IT School", images: [
{
url: "https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg",
alt: "Love Code IT School"
url: "https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg", alt: "Love Code IT School"
}
]
},
twitter: {
card: "summary_large_image",
title: "Love Code IT School",
description: "Learn programming, web development, and IT skills from industry experts.",
images: ["https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg"]
card: "summary_large_image", title: "Love Code IT School", description: "Learn programming, web development, and IT skills from industry experts.", images: ["https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg"]
}
};

101
src/app/page.tsx
View File

@@ -4,9 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Users, Award, Briefcase, Star, Heart } from 'lucide-react';
import { Sparkles, Users, Award, Briefcase, Star, Heart, Zap, DollarSign, Mail } from 'lucide-react';
export default function HomePage() {
return (
@@ -27,14 +30,13 @@ export default function HomePage() {
brandName="Love Code"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Courses", id: "/courses" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" }
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Get Started",
href: "/contact"
text: "Get Started", href: "#contact"
}}
/>
</div>
@@ -46,8 +48,8 @@ export default function HomePage() {
tag="Start Learning Today"
tagIcon={Sparkles}
buttons={[
{ text: "Explore Courses", href: "/courses" },
{ text: "Book Free Trial", href: "/contact" }
{ text: "Explore Courses", href: "#features" },
{ text: "Book Free Trial", href: "#contact" }
]}
carouselItems={[
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-typing-laptop_23-2149328253.jpg", imageAlt: "Student coding on laptop" },
@@ -71,7 +73,66 @@ export default function HomePage() {
{ icon: Briefcase, label: "Job Placements", value: "1,200+" },
{ icon: Star, label: "Expert Instructors", value: "50+" }
]}
useInvertedBackground="invertDefault"
useInvertedBackground="noInvert"
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
title="Our Comprehensive Courses"
description="Choose from our selection of industry-relevant courses designed to prepare you for a successful tech career"
tag="Featured Programs"
tagIcon={Zap}
features={[
{
title: "Web Development", description: "Master HTML, CSS, JavaScript, React, and full-stack development. Build responsive, modern websites and web applications.", imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg", imageAlt: "Web development course", button: { text: "Learn More", href: "#contact" }
},
{
title: "Mobile App Development", description: "Learn iOS and Android development. Create powerful native apps that reach millions of users worldwide.", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Mobile app development", button: { text: "Learn More", href: "#contact" }
},
{
title: "Python & Backend", description: "Discover server-side programming with Python, databases, APIs, and cloud infrastructure. Build scalable applications.", imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg", imageAlt: "Python programming course", button: { text: "Learn More", href: "#contact" }
},
{
title: "Game Development", description: "Create immersive 3D games using Unity and Unreal Engine. Learn game mechanics, physics, and interactive storytelling.", imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg", imageAlt: "Game development course", button: { text: "Learn More", href: "#contact" }
}
]}
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
useInvertedBackground="noInvert"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Flexible Pricing Plans"
description="Select the perfect plan for your learning journey. All plans include certification and lifetime course access."
tag="Affordable Education"
tagIcon={DollarSign}
plans={[
{
id: "basic", badge: "Great for Beginners", badgeIcon: Sparkles,
price: "$99/mo", subtitle: "Start your coding journey", features: [
"1 course access", "Weekly live sessions", "Community support", "Certificate on completion"
]
},
{
id: "pro", badge: "Most Popular", badgeIcon: Star,
price: "$199/mo", subtitle: "Accelerate your learning", features: [
"Unlimited course access", "Daily live sessions", "1-on-1 mentorship", "Job placement assistance", "Certificate of completion"
]
},
{
id: "premium", badge: "For Professionals", badgeIcon: Award,
price: "$299/mo", subtitle: "Master advanced skills", features: [
"All courses included", "Priority mentorship", "Career coaching", "Portfolio review", "Guaranteed job placement", "Lifetime support"
]
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
/>
</div>
@@ -85,7 +146,9 @@ export default function HomePage() {
{ id: "1", name: "Sarah Johnson", role: "Frontend Developer", company: "Tech Startup Inc.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg", imageAlt: "Sarah Johnson" },
{ id: "2", name: "Michael Chen", role: "Full Stack Engineer", company: "Digital Solutions Co.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg", imageAlt: "Michael Chen" },
{ id: "3", name: "Emma Rodriguez", role: "App Developer", company: "Mobile First Labs", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg", imageAlt: "Emma Rodriguez" },
{ id: "4", name: "David Kim", role: "Python Developer", company: "Cloud Services Ltd.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "David Kim" }
{ id: "4", name: "David Kim", role: "Python Developer", company: "Cloud Services Ltd.", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", imageAlt: "David Kim" },
{ id: "5", name: "Lisa Thompson", role: "Game Developer", company: "Creative Games Studio", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg", imageAlt: "Lisa Thompson" },
{ id: "6", name: "James Wilson", role: "Senior Developer", company: "Enterprise Systems", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg", imageAlt: "James Wilson" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -94,6 +157,22 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
tagIcon={Mail}
title="Ready to Start Your Tech Journey?"
description="Join hundreds of successful students who have transformed their careers with Love Code. Sign up for our newsletter to get course updates, special offers, and learning tips delivered to your inbox."
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/man-working-as-freelancer-home-his-laptop_23-2148690604.jpg"
imageAlt="Love Code learning community"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe at any time."
/>
</div>
<FooterLogoReveal logoText="Love Code" />
</ThemeProvider>
);