Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6ad5da0ea7 | |||
| 1ca3632967 | |||
| f69fcefcf4 | |||
| fc3cd3594a | |||
| 8838c0adb7 | |||
| 073657ae05 |
@@ -4,13 +4,13 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
--background: #f1f7f9;;
|
||||
--card: #ebf2f5;;
|
||||
--foreground: #404548;;
|
||||
--primary-cta: #a0c4d4;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #c8dce8;;
|
||||
--background-accent: #8fb0c4;;
|
||||
--background: #ffffff;
|
||||
--card: #fafafa;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #ffcc00;
|
||||
--secondary-cta: #ffffff;
|
||||
--accent: #000000;
|
||||
--background-accent: #f5f5f5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
@@ -495,7 +495,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-playfair-display), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -508,5 +508,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-playfair-display), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
}
|
||||
@@ -1,11 +1,11 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Playfair_Display } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const playfairDisplay = Playfair_Display({
|
||||
variable: "--font-playfair-display",
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
@@ -39,7 +39,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${playfairDisplay.variable} antialiased`}
|
||||
className={`${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
|
||||
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 MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
||||
@@ -72,36 +72,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEighteen
|
||||
<FeatureCardSix
|
||||
title="Traditional vs Modern Learning"
|
||||
description="See how our innovative approach transforms coding education"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
negativeCard={{
|
||||
title: "Traditional Approach",
|
||||
items: [
|
||||
"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",
|
||||
imageAlt: "Traditional learning"
|
||||
}}
|
||||
positiveCard={{
|
||||
title: "Our Modern Method",
|
||||
items: [
|
||||
"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",
|
||||
imageAlt: "Modern coding education"
|
||||
}}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Traditional Approach",
|
||||
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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400731841-8k7ivtzl.jpg",
|
||||
imageAlt: "Traditional learning"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Our Modern Method",
|
||||
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.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg",
|
||||
imageAlt: "Modern coding education"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,7 +169,7 @@ export default function LandingPage() {
|
||||
value: "2,500+",
|
||||
title: "Students Trained",
|
||||
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"
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user