development/0ba5cd34-43ee-4aab-bd91-62a798ee5cb1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: development:version_1
Branches Tags
development:main development:version_6 development:version_5 development:version_4 development:version_3 development:version_2 development:version_1
...
pull from: development:version_6
Branches Tags
development:main development:version_6 development:version_5 development:version_4 development:version_3 development:version_2 development:version_1

8 Commits
version_1 ... version_6

Author SHA1 Message Date
development
02378bfda3 Update src/app/page.tsx 2025-12-22 14:33:09 +00:00
development
98b9baca87 Update src/app/page.tsx 2025-12-22 11:06:51 +00:00
development
6ad5da0ea7 Update src/app/page.tsx 2025-12-22 11:03:56 +00:00
development
1ca3632967 Update src/app/layout.tsx 2025-12-22 11:03:55 +00:00
development
f69fcefcf4 Update src/app/page.tsx 2025-12-22 11:01:25 +00:00
development
fc3cd3594a Update src/app/page.tsx 2025-12-22 10:58:22 +00:00
development
8838c0adb7 Update src/app/layout.tsx 2025-12-22 10:58:22 +00:00
development
073657ae05 Update src/app/globals.css 2025-12-22 10:58:21 +00:00
3 changed files with 38 additions and 49 deletions
Expand all files Collapse all files

18
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #f1f7f9;; --background: #ffffff;
--card: #ebf2f5;; --card: #fafafa;
--foreground: #404548;; --foreground: #000000;
--primary-cta: #a0c4d4;; --primary-cta: #ffcc00;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;
--accent: #c8dce8;; --accent: #000000;
--background-accent: #8fb0c4;; --background-accent: #f5f5f5;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-playfair-display), sans-serif; font-family: var(--font-inter-tight), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-playfair-display), sans-serif; font-family: var(--font-inter-tight), sans-serif;
} }

8
src/app/layout.tsx
View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Playfair_Display } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const playfairDisplay = Playfair_Display({ const inter = Inter({
variable: "--font-playfair-display", variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -39,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${playfairDisplay.variable} antialiased`} className={`${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

45
src/app/page.tsx
View File

@@ -1,9 +1,9 @@
"use client" "use client";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage'; import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen'; import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight'; import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
@@ -44,12 +44,10 @@ export default function LandingPage() {
<HeroLogoBillboardSplitImage <HeroLogoBillboardSplitImage
logoText="FUTURE GREAT CODER" logoText="FUTURE GREAT CODER"
description="Learn coding from industry experts. Master Python, JavaScript, Web Development, and more. Transform your future with practical coding skills that matter in today's tech industry." description="Learn coding from industry experts. Master Python, JavaScript, Web Development, and more. Transform your future with practical coding skills that matter in today's tech industry."
buttons={[ buttons={[{ text: "Start Learning", href: "#pricing" },
{ text: "Start Learning", href: "#pricing" }, { text: "Learn More", href: "#about" }]}
{ text: "Learn More", href: "#about" }
]}
layoutOrder="default" layoutOrder="default"
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400729817-xua7356z.png" splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766139083006-v50xgv4n.jpg"
splitImageAlt="Student learning to code" splitImageAlt="Student learning to code"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400730808-6l24nyjr.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400730808-6l24nyjr.jpg"
imageAlt="Modern coding classroom" imageAlt="Modern coding classroom"
@@ -72,36 +70,27 @@ export default function LandingPage() {
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardEighteen <FeatureCardSix
title="Traditional vs Modern Learning" title="Traditional vs Modern Learning"
description="See how our innovative approach transforms coding education" description="See how our innovative approach transforms coding education"
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
negativeCard={{ features={[
{
id: 1,
title: "Traditional Approach", title: "Traditional Approach",
items: [ description: "Outdated curriculum, passive learning, limited real-world projects, one-size-fits-all pace, and theory without practice hold students back from developing practical skills.",
"Outdated curriculum",
"Passive learning",
"Limited real-world projects",
"One-size-fits-all pace",
"Theory without practice"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400731841-8k7ivtzl.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400731841-8k7ivtzl.jpg",
imageAlt: "Traditional learning" imageAlt: "Traditional learning"
}} },
positiveCard={{ {
id: 2,
title: "Our Modern Method", title: "Our Modern Method",
items: [ description: "Current industry standards, hands-on interactive learning, real portfolio projects, personalized learning pace, and theory plus practical application create a comprehensive and effective learning experience.",
"Current industry standards",
"Hands-on interactive learning",
"Real portfolio projects",
"Personalized learning pace",
"Theory plus practical application"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg",
imageAlt: "Modern coding education" imageAlt: "Modern coding education"
}} }
]}
/> />
</div> </div>
@@ -178,7 +167,7 @@ export default function LandingPage() {
value: "2,500+", value: "2,500+",
title: "Students Trained", title: "Students Trained",
description: "Graduates learning coding worldwide", description: "Graduates learning coding worldwide",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320177542-9om9tyxf.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766401281537-bd695c8y.jpg",
imageAlt: "Students celebrating success" imageAlt: "Students celebrating success"
}, },
{ {