13 Commits

Author SHA1 Message Date
e37882be7f Update src/app/page.tsx 2026-03-18 10:52:01 +00:00
0de755db30 Merge version_4 into main
Merge version_4 into main
2026-03-18 10:46:29 +00:00
b9f8e6a50b Update src/app/page.tsx 2026-03-18 10:46:19 +00:00
d5cbe257de Merge version_4 into main
Merge version_4 into main
2026-03-18 10:45:53 +00:00
333a687c17 Update src/app/page.tsx 2026-03-18 10:45:49 +00:00
e0eec3346a Merge version_3 into main
Merge version_3 into main
2026-03-18 10:44:30 +00:00
0c6cf0ba26 Update theme colors 2026-03-18 10:44:24 +00:00
4b16463893 Merge version_3 into main
Merge version_3 into main
2026-03-18 10:11:16 +00:00
d178a56cf7 Update src/app/styles/variables.css 2026-03-18 10:11:12 +00:00
753fe45ec8 Update src/app/styles/base.css 2026-03-18 10:11:12 +00:00
afa3cb600c Update src/app/page.tsx 2026-03-18 10:11:11 +00:00
81a3e089a8 Update src/app/layout.tsx 2026-03-18 10:11:11 +00:00
22473eaa3d Merge version_2 into main
Merge version_2 into main
2026-03-18 10:08:19 +00:00
4 changed files with 53 additions and 54 deletions

View File

@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Mulish } from "next/font/google"; 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.', 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 poppins = Poppins({
}); variable: "--font-poppins", subsets: ["latin"],
const inter = Inter({ weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
variable: "--font-inter", subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -29,7 +29,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${mulish.variable} ${inter.variable} antialiased`}> <body className={`${poppins.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; 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 MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix"; import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FaqBase from "@/components/sections/faq/FaqBase"; import FaqBase from "@/components/sections/faq/FaqBase";
@@ -22,38 +22,38 @@ export default function LandingPage() {
{ {
title: "AI Lead Capture System", description: title: "AI Lead Capture System", description:
"Intelligent lead generation that identifies and captures high-intent prospects across channels.", imageSrc: "Intelligent lead generation that identifies and captures high-intent prospects across channels.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-lead-capt-1773828099609-a89d0399.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/lead-capture-system-modern-design-1773828099609-a89d0399.png", imageAlt:
"A minimalist icon representing lead capture: a funnel or magnet drawing incoming arrows. Purple and", buttonIcon: ArrowRight, "Modern lead capture system interface with funnel visualization and data flow", buttonIcon: ArrowRight,
}, },
{ {
title: "Automated Follow-Up Sequences", description: title: "Automated Follow-Up Sequences", description:
"AI-driven sequences that nurture prospects with personalized messaging at the right moment.", imageSrc: "AI-driven sequences that nurture prospects with personalized messaging at the right moment.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-automated-1773828096554-e4ac2241.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/automated-sequences-workflow-design-1773828096554-e4ac2241.png", imageAlt:
"A minimalist icon representing automated follow-up: gears, arrows, or clock elements in motion. Purp", buttonIcon: ArrowRight, "Automated follow-up workflow showing sequence timing and personalization", buttonIcon: ArrowRight,
}, },
{ {
title: "Smart Qualification Engine", description: title: "Smart Qualification Engine", description:
"Machine learning models that qualify prospects in real-time, prioritizing high-conversion opportunities.", imageSrc: "Machine learning models that qualify prospects in real-time, prioritizing high-conversion opportunities.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-ai-qualif-1773828098288-8719b326.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/qualification-engine-ai-interface-1773828098288-8719b326.png", imageAlt:
"A minimalist icon representing AI qualification: a checkmark or smart filter symbol. Purple and ligh", buttonIcon: ArrowRight, "AI qualification engine dashboard with prospect scoring and ranking", buttonIcon: ArrowRight,
}, },
{ {
title: "Appointment Booking Automation", description: title: "Appointment Booking Automation", description:
"Seamless scheduling that moves qualified prospects directly into your sales calendar.", imageSrc: "Seamless scheduling that moves qualified prospects directly into your sales calendar.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-appointme-1773828096711-78296c59.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/booking-automation-calendar-interface-1773828096711-78296c59.png", imageAlt:
"A minimalist icon representing appointment booking: calendar or checkmark with confirmation. Purple", buttonIcon: ArrowRight, "Calendar interface showing automated appointment booking and scheduling", buttonIcon: ArrowRight,
}, },
{ {
title: "CRM Pipeline Automation", description: title: "CRM Pipeline Automation", description:
"Unified customer data flowing through every stage—from capture to close.", imageSrc: "Unified customer data flowing through every stage—from capture to close.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-crm-pipel-1773828096238-3fe7ea69.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/crm-pipeline-stages-visualization-1773828096238-3fe7ea69.png", imageAlt:
"A minimalist icon representing CRM pipeline: connected nodes, database, or flow diagram. Purple and", buttonIcon: ArrowRight, "CRM pipeline visualization showing stages from lead capture to closure", buttonIcon: ArrowRight,
}, },
{ {
title: "KPI & Revenue Dashboard", description: title: "KPI & Revenue Dashboard", description:
"Real-time visibility into acquisition metrics, conversion rates, and revenue impact.", imageSrc: "Real-time visibility into acquisition metrics, conversion rates, and revenue impact.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/a-minimalist-icon-representing-analytics-1773828096658-737258f2.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/dashboard-metrics-revenue-tracking-1773828096658-737258f2.png", imageAlt:
"A minimalist icon representing analytics dashboard: charts, graphs, or metrics display. Purple and l", buttonIcon: ArrowRight, "Analytics dashboard displaying KPIs, conversion metrics, and revenue tracking", buttonIcon: ArrowRight,
}, },
]; ];
@@ -61,26 +61,26 @@ export default function LandingPage() {
{ {
title: "Real Estate", description: title: "Real Estate", description:
"Generate qualified buyer and seller leads on demand. Automate property inquiries, schedule showings, and close faster.", imageSrc: "Generate qualified buyer and seller leads on demand. Automate property inquiries, schedule showings, and close faster.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/icon-or-illustration-representing-real-e-1773828098315-3df2906a.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/real-estate-properties-modern-design-1773828098315-3df2906a.png", imageAlt:
"Icon or illustration representing real estate industry: buildings, properties, home symbol. Purple a", buttonIcon: ArrowRight, "Real estate industry visualization with property listings and agent interface", buttonIcon: ArrowRight,
}, },
{ {
title: "Agencies", description: title: "Agencies", description:
"Fill your pipeline with qualified client prospects. Automate qualification and proposal delivery.", imageSrc: "Fill your pipeline with qualified client prospects. Automate qualification and proposal delivery.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/icon-or-illustration-representing-market-1773828100891-8ac1941a.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/agencies-collaboration-creative-design-1773828100891-8ac1941a.png", imageAlt:
"Icon or illustration representing marketing/creative agencies: people, collaboration, creative symbo", buttonIcon: ArrowRight, "Creative agencies platform showing team collaboration and project management", buttonIcon: ArrowRight,
}, },
{ {
title: "Local Businesses", description: title: "Local Businesses", description:
"Generate local customer leads at scale. Automate appointment booking and customer nurturing.", imageSrc: "Generate local customer leads at scale. Automate appointment booking and customer nurturing.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/icon-or-illustration-representing-local--1773828098673-7ef8cc7b.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/local-business-commerce-storefront-1773828098673-7ef8cc7b.png", imageAlt:
"Icon or illustration representing local businesses: shops, storefronts, local commerce. Purple and l", buttonIcon: ArrowRight, "Local business platform featuring customer acquisition and retention tools", buttonIcon: ArrowRight,
}, },
{ {
title: "Service Providers", description: title: "Service Providers", description:
"Capture high-intent service inquiry leads. Automate qualification and scheduling.", imageSrc: "Capture high-intent service inquiry leads. Automate qualification and scheduling.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/icon-or-illustration-representing-servic-1773828098496-627096ff.png", imageAlt: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/service-providers-professional-interface-1773828098496-627096ff.png", imageAlt:
"Icon or illustration representing service providers: people, handshake, professional services. Purpl", buttonIcon: ArrowRight, "Service provider platform with lead intake and booking automation", buttonIcon: ArrowRight,
}, },
]; ];
@@ -102,21 +102,21 @@ export default function LandingPage() {
const footerColumns = [ const footerColumns = [
{ {
items: [ items: [
{ label: "AI Lead Capture System", href: "#ai-lead-capture-system" }, { label: "AI Lead Capture System", href: "#features" },
{ label: "Automated Follow-Up Sequences", href: "#automated-follow-up-sequences" }, { label: "Automated Follow-Up Sequences", href: "#features" },
{ label: "Smart Qualification Engine", href: "#smart-qualification-engine" }, { label: "Smart Qualification Engine", href: "#features" },
], ],
}, },
{ {
items: [ items: [
{ label: "Real Estate", href: "#real-estate" }, { label: "Real Estate", href: "#industries" },
{ label: "Agencies", href: "#agencies" }, { label: "Agencies", href: "#industries" },
{ label: "Local Businesses", href: "#local-businesses" }, { label: "Local Businesses", href: "#industries" },
], ],
}, },
{ {
items: [ items: [
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "#faq" },
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }, { label: "Terms of Service", href: "#" },
], ],
@@ -141,25 +141,24 @@ export default function LandingPage() {
brandName="Corlith Systems" brandName="Corlith Systems"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Get Started", href: "#contact"}} text: "Get Started", href: "#faq"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogo <HeroOverlay
logoText="Build Scalable Client Acquisition Systems" 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." 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={[ 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" 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" 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" imageAlt="A cinematic AI infrastructure visualization with flowing data streams, neural networks, and technolo"
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
showDimOverlay={true}
/> />
</div> </div>
@@ -206,8 +205,8 @@ export default function LandingPage() {
title="Your Path to Scaled Client Acquisition" title="Your Path to Scaled Client Acquisition"
description="1. System Deployment → 2. Lead Capture Activation → 3. Automated Conversion → 4. Scaled Client Acquisition. We deploy your AI infrastructure, activate lead channels, automate qualification and follow-up, and scale your acquisition engine to deliver predictable growth." description="1. System Deployment → 2. Lead Capture Activation → 3. Automated Conversion → 4. Scaled Client Acquisition. We deploy your AI infrastructure, activate lead channels, automate qualification and follow-up, and scale your acquisition engine to deliver predictable growth."
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/visual-representation-of-system-deployme-1773828097104-fdd7d68a.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B6Pmdd3KuLxtRfrpT3NxlESKum/timeline-system-deployment-stages-visual-1773828097104-fdd7d68a.png"
imageAlt="Visual representation of system deployment: servers activating, infrastructure coming online. Purple" imageAlt="Timeline visualization showing system deployment stages and growth progression"
/> />
</div> </div>
@@ -245,4 +244,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-poppins), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-mulish), sans-serif; font-family: var(--font-poppins), sans-serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #ffffff;
--card: #1a1a1a; --card: #f9f9f9;
--foreground: #f8f5ffe6; --foreground: #120006e6;
--primary-cta: #c89bff; --primary-cta: #e63946;
--primary-cta-text: #0a0a0a; --primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a; --secondary-cta: #f9f9f9;
--secondary-cta-text: #f8f5ffe6; --secondary-cta-text: #120006e6;
--accent: #737373; --accent: #e2e2e2;
--background-accent: #737373; --background-accent: #c4c4c4;
/* 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);