diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 08fb4fb..c589326 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,22 +1,17 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; -import { Public_Sans } from "next/font/google"; +import { Poppins } from "next/font/google"; +import { DM_Sans } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], +const poppins = Poppins({ + variable: "--font-poppins", subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], -}); - -const publicSans = Public_Sans({ - variable: "--font-public-sans", subsets: ["latin"], +const dmSans = DM_Sans({ + variable: "--font-dm-sans", subsets: ["latin"], }); export const metadata: Metadata = { @@ -43,9 +38,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index a1598d2..53c5f3c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,21 +10,21 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial import FaqBase from "@/components/sections/faq/FaqBase"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Award, Sparkles, TrendingUp, Users } from "lucide-react"; +import { Award, Sparkles, TrendingUp, Users, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -91,7 +91,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/woman-working-laptop-people-looking-photos_23-2148424350.jpg?_wi=2" imageAlt="Premium editing curriculum overview" mediaAnimation="slide-up" - useInvertedBackground={false} + useInvertedBackground={true} mediaPosition="right" accordionItems={[ { @@ -118,7 +118,7 @@ export default function LandingPage() { tagIcon={Users} tagAnimation="entrance-slide" textboxLayout="default" - useInvertedBackground={false} + useInvertedBackground={true} names={[ "Adobe Certified", "YouTube Creators", "Production Studios", "Creative Agencies", "Freelance Elite", "Content Platforms", "Film Companies"]} logos={[ @@ -148,7 +148,7 @@ export default function LandingPage() { cardTag="Trusted by Industry Leaders" cardTagIcon={Sparkles} cardAnimation="slide-up" - useInvertedBackground={false} + useInvertedBackground={true} /> @@ -174,7 +174,7 @@ export default function LandingPage() { tagIcon={Award} tagAnimation="entrance-slide" textboxLayout="default" - useInvertedBackground={false} + useInvertedBackground={true} faqsAnimation="slide-up" /> @@ -187,7 +187,7 @@ export default function LandingPage() { tagIcon={Sparkles} tagAnimation="entrance-slide" background={{ variant: "rotated-rays-animated-grid" }} - useInvertedBackground={false} + useInvertedBackground={true} inputPlaceholder="your@email.com" buttonText="Apply for Acceptance" termsText="We respect your privacy. Your application info stays confidential. We'll follow up within 24 hours." diff --git a/src/app/styles/base.css b/src/app/styles/base.css index ce3eac0..ca36cb1 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-public-sans), sans-serif; + font-family: var(--font-poppins), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-public-sans), sans-serif; + font-family: var(--font-dm-sans), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 1dd5e1a..5e0afbf 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #060000;; - --card: #1d0d0d;; - --foreground: #ffe6e6;; - --primary-cta: #ff3d4a;; - --secondary-cta: #1f0a0a;; - --accent: #7b2d2d;; - --background-accent: #b8111f;; */ + /* --background: #0a0a14;; + --card: #1a1a2e;; + --foreground: #f0e6ff;; + --primary-cta: #a78bfa;; + --secondary-cta: #1a1a2e;; + --accent: #c4a8f9;; + --background-accent: #8b5cf6;; */ - --background: #060000;; - --card: #1d0d0d;; - --foreground: #ffe6e6;; - --primary-cta: #ff3d4a;; + --background: #0a0a14;; + --card: #1a1a2e;; + --foreground: #f0e6ff;; + --primary-cta: #a78bfa;; --primary-cta-text: #ffffff;; - --secondary-cta: #1f0a0a;; + --secondary-cta: #1a1a2e;; --secondary-cta-text: #ffe6e6;; - --accent: #7b2d2d;; - --background-accent: #b8111f;; + --accent: #c4a8f9;; + --background-accent: #8b5cf6;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);