Update src/app/page.tsx

Merge version_3 into main
2026-03-18 10:46:19 +00:00 · 2026-03-18 10:45:49 +00:00 · 2026-03-18 10:44:30 +00:00 · 2026-03-18 10:44:24 +00:00 · 2026-03-18 10:11:16 +00:00 · 2026-03-18 10:11:12 +00:00
4 changed files with 31 additions and 32 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { Poppins } from "next/font/google";



@@ -14,11 +15,10 @@ export const metadata: Metadata = {
  description: 'Build scalable AI-driven client acquisition systems that capture leads, qualify prospects, automate follow-ups, and close deals 24/7. Enterprise-grade acquisition intelligence.',
 };

-const mulish = Mulish({
-  variable: "--font-mulish",  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+
+const poppins = Poppins({
+  variable: "--font-poppins",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -29,7 +29,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} ${inter.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import MediaAbout from "@/components/sections/about/MediaAbout";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FaqBase from "@/components/sections/faq/FaqBase";
@@ -102,21 +102,21 @@ export default function LandingPage() {
  const footerColumns = [
    {
      items: [
-        { label: "AI Lead Capture System", href: "#ai-lead-capture-system" },
-        { label: "Automated Follow-Up Sequences", href: "#automated-follow-up-sequences" },
-        { label: "Smart Qualification Engine", href: "#smart-qualification-engine" },
+        { label: "AI Lead Capture System", href: "#features" },
+        { label: "Automated Follow-Up Sequences", href: "#features" },
+        { label: "Smart Qualification Engine", href: "#features" },
      ],
    },
    {
      items: [
-        { label: "Real Estate", href: "#real-estate" },
-        { label: "Agencies", href: "#agencies" },
-        { label: "Local Businesses", href: "#local-businesses" },
+        { label: "Real Estate", href: "#industries" },
+        { label: "Agencies", href: "#industries" },
+        { label: "Local Businesses", href: "#industries" },
      ],
    },
    {
      items: [
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "#faq" },
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
      ],
@@ -141,25 +141,24 @@ export default function LandingPage() {
          brandName="Corlith Systems"
          navItems={navItems}
          button={{
-            text: "Get Started",            href: "#contact"}}
+            text: "Get Started",            href: "#faq"}}
        />
      </div>

      <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Build Scalable Client Acquisition Systems"
+        <HeroOverlay
+          title="Build Scalable Client Acquisition Systems"
          description="Corlith Systems designs AI-driven pipelines that capture leads, qualify prospects, automate follow-ups, and convert attention into booked clients. Transform your business into an intelligent acquisition machine."
          buttons={[
            {
-              text: "Start Your System",              href: "#contact"},
+              text: "Start Your System",              href: "#faq"},
            {
-              text: "See How It Works",              href: "#systems"},
+              text: "See How It Works",              href: "#features"},
          ]}
          videoSrc="https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260306_115329_5e00c9c5-4d69-49b7-94c3-9c31c60bb644.mp4"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-cinematic-ai-infrastructure-visualizat-1773828097147-d5632255.png"
          imageAlt="A cinematic AI infrastructure visualization with flowing data streams, neural networks, and technolo"
          buttonAnimation="blur-reveal"
-          showDimOverlay={true}
        />
      </div>

@@ -245,4 +244,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- 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-inter), 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-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f8f5ffe6;
-  --primary-cta: #c89bff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f8f5ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	b9f8e6a50b	Update src/app/page.tsx	2026-03-18 10:46:19 +00:00
bender	333a687c17	Update src/app/page.tsx	2026-03-18 10:45:49 +00:00
bender	e0eec3346a	Merge version_3 into main Merge version_3 into main	2026-03-18 10:44:30 +00:00
bender	0c6cf0ba26	Update theme colors	2026-03-18 10:44:24 +00:00
bender	4b16463893	Merge version_3 into main Merge version_3 into main	2026-03-18 10:11:16 +00:00
bender	d178a56cf7	Update src/app/styles/variables.css	2026-03-18 10:11:12 +00:00
bender	753fe45ec8	Update src/app/styles/base.css	2026-03-18 10:11:12 +00:00
bender	afa3cb600c	Update src/app/page.tsx	2026-03-18 10:11:11 +00:00
bender	81a3e089a8	Update src/app/layout.tsx	2026-03-18 10:11:11 +00:00
bender	22473eaa3d	Merge version_2 into main Merge version_2 into main	2026-03-18 10:08:19 +00:00