Update theme fonts

2026-04-23 08:45:22 +00:00 · 2026-04-23 08:45:21 +00:00 · 2026-04-23 08:45:18 +00:00 · 2026-04-23 08:45:17 +00:00 · 2026-04-23 08:45:12 +00:00 · 2026-04-23 08:45:11 +00:00
4 changed files with 138 additions and 67 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Inter_Tight } from "next/font/google";
+import { Public_Sans } from "next/font/google";



@@ -20,7 +21,14 @@ export const metadata: Metadata = {
  },
 };

-const interTight = Inter_Tight({ variable: "--font-inter-tight", subsets: ["latin"], weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], });
+
+
+
+
+const publicSans = Public_Sans({
+  variable: "--font-public-sans",
+  subsets: ["latin"],
+});

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

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Zap, Clock, ShieldCheck, BarChart3, Users, MessageSquare } from "lucide-react";
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

 export default function LandingPage() {
  return (
@@ -32,12 +31,14 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        { name: "About", id: "#about" },
-        { name: "Features", id: "#features" },
-        { name: "Metrics", id: "#metrics" },
-        { name: "Testimonials", id: "#testimonials" },
-        { name: "FAQ", id: "#faq" },
-        { name: "Contact", id: "#contact" },
+        {
+          name: "About",          id: "#about"},
+        {
+          name: "Features",          id: "#features"},
+        {
+          name: "Pricing",          id: "#pricing"},
+        {
+          name: "Contact",          id: "#contact"},
      ]}
      brandName="AutoSchedule AI"
    />
@@ -45,15 +46,30 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
-      background={{ variant: "sparkles-gradient" }}
+      background={{
+        variant: "sparkles-gradient"}}
      title="Let AI Master Your Calendar"
      description="Stop chasing leads. Our AI appointment setter handles the conversation and schedules meetings while you sleep."
      tag="Revolutionize Your Workflow"
-      buttons={[{ text: "Start Free Trial", href: "#contact" }, { text: "View Demo", href: "#features" }]}
+      buttons={[
+        {
+          text: "Start Free Trial",          href: "#contact"},
+        {
+          text: "View Demo",          href: "#features"},
+      ]}
      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg", imageAlt: "AI Infrastructure" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg", imageAlt: "Workflow Automation" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg", imageAlt: "Intelligent Scheduling" }
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg",          imageAlt: "AI Scheduling Flow"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-with-headset-working-call-center-office_231208-320.jpg",          imageAlt: "Conversational AI"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg",          imageAlt: "Time Optimization"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg",          imageAlt: "CRM Integration"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",          imageAlt: "Workflow Automation"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg",          imageAlt: "Intelligent Scheduling"},
      ]}
      mediaAnimation="blur-reveal"
    />
@@ -65,92 +81,139 @@ export default function LandingPage() {
      title="The Smarter Way to Book Meetings"
      description="We replace outdated manual scheduling with a seamless AI engine that learns your unique calendar availability and negotiates times directly with your clients."
      imageSrc="http://img.b2bpic.net/free-photo/group-people-working-out-business-plan-office_1303-15872.jpg"
-      imageAlt="Modern AI Workflow"
+      imageAlt="AI Team Collaboration"
    />
  </div>

  <div id="features" data-section="features">
-      <FeatureCardSeven
+      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
-        { title: "Automated Outreach", description: "AI-powered engagement sequences that connect with prospects instantly.", imageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg" },
-        { title: "Conflict-Free Sync", description: "Deep integrations with your existing calendars to ensure zero double-bookings.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg" },
-        { title: "Lead Prioritization", description: "Focus on high-value conversations with smart data-driven ranking.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg" }
+        {
+          title: "Automated Outreach",          description: "AI-powered email sequences that engage your leads.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-media-set_98292-969.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg",          buttonText: "Learn More"},
+        {
+          title: "Sync Everything",          description: "Connect your calendars for conflict-free scheduling.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/christmas-date-paper-craft_53876-47120.jpg",          buttonText: "Learn More"},
+        {
+          title: "Intelligent Lead Scoring",          description: "Prioritize high-value leads automatically.",          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg",          titleImageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg",          buttonText: "Learn More"},
      ]}
      title="Powerful AI Features"
-      description="Enterprise-grade appointment scheduling that fits your business."
+      description="Enterprise-grade appointment scheduling that fits right into your business processes."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
-      names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems"]}
+      textboxLayout="default"
+      useInvertedBackground={true}
+      names={[
+        "TechCorp",        "InnovateLab",        "GrowthCo",        "StartupXYZ",        "DigitalReach",        "FutureSystems",        "GlobalSolutions"]}
      title="Trusted by Industry Leaders"
-      description="Companies worldwide rely on us to fuel their growth."
+      description="Used by companies across the globe to drive appointment volume."
    />
  </div>

  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
+      <MetricCardTwo
+      animationType="slide-up"
      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
-        { id: "m1", icon: Zap, title: "Meeting Increase", value: "400%" },
-        { id: "m2", icon: Clock, title: "Weekly Savings", value: "15hrs" },
-        { id: "m3", icon: ShieldCheck, title: "Reliability", value: "99.9%" }
+        {
+          id: "m1",          value: "400%",          description: "Meeting volume increase"},
+        {
+          id: "m2",          value: "15hrs",          description: "Saved per user/week"},
+        {
+          id: "m3",          value: "99.9%",          description: "Uptime & Reliability"},
      ]}
-      title="Data-Driven Results"
-      description="Quantifiable impact that scales your operations."
+      title="Proven Results"
+      description="The numbers speak for themselves regarding our impact."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
+      <TestimonialCardSix
+      animationType="slide-up"
+      textboxLayout="default"
      useInvertedBackground={true}
-      title="Client Success Stories"
-      description="Hear from the pioneers who automated their sales cycles with us."
-      kpiItems={[{ value: "10k+", label: "Meetings Set" }, { value: "500+", label: "Teams Optimized" }, { value: "98%", label: "Retention Rate" }]}
      testimonials={[
-        { id: "t1", name: "Sarah J.", role: "Head of Sales", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg" },
-        { id: "t2", name: "Michael C.", role: "Founder", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg" }
+        {
+          id: "t1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "This tool doubled my sales team efficiency overnight.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg"},
+        {
+          id: "t2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Reliable and incredibly fast implementation.",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg"},
+        {
+          id: "t3",          name: "Emily Rodriguez",          handle: "@emilyr",          testimonial: "Best investment we made for our outreach.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg"},
+        {
+          id: "t4",          name: "David Kim",          handle: "@dkim",          testimonial: "Finally, an AI that actually schedules meetings right.",          imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39743.jpg"},
+        {
+          id: "t5",          name: "Lisa Wang",          handle: "@lisaw",          testimonial: "The lead scoring feature changed our game.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
      ]}
+      title="Client Success Stories"
+      description="What business owners are saying about AutoSchedule AI."
    />
  </div>

  <div id="faq" data-section="faq">
-      <FaqSplitText
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="blur-reveal"
+      <FaqBase
+      textboxLayout="default"
+      useInvertedBackground={false}
      faqs={[
-        { id: "q1", title: "How does the AI work?", content: "Our AI utilizes proprietary NLP to analyze and negotiate your availability." },
-        { id: "q2", title: "Is my data secure?", content: "We implement bank-level encryption for all calendar interactions." },
-        { id: "q3", title: "Do you support custom CRM?", content: "Yes, we offer flexible API integrations for all enterprise systems." }
+        {
+          id: "q1",          title: "How does the AI work?",          content: "Our AI analyzes calendar data and interacts with prospects via natural language processing."},
+        {
+          id: "q2",          title: "Is it secure?",          content: "Yes, we prioritize end-to-end encryption for all scheduling activities."},
+        {
+          id: "q3",          title: "Can I integrate with my CRM?",          content: "Absolutely, we support all major CRM platforms natively."},
      ]}
+      title="Frequently Asked Questions"
+      description="Common inquiries about our platform."
+      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
+      useInvertedBackground={true}
+      background={{
+        variant: "sparkles-gradient"}}
      tag="Get Started"
-      title="Start Scheduling Automatically"
-      description="Ready to reclaim your time and focus on what matters most?"
-      imageSrc="http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg"
+      title="Start Scheduling Automatically Today"
+      description="Join thousands of businesses streamlining their meeting workflow."
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoText="AutoSchedule AI"
+      <FooterBase
      columns={[
-        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-        { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+        {
+          title: "Product",          items: [
+            {
+              label: "Features",              href: "#features"},
+            {
+              label: "Pricing",              href: "#pricing"},
+          ],
+        },
+        {
+          title: "Company",          items: [
+            {
+              label: "About",              href: "#about"},
+            {
+              label: "Contact",              href: "#contact"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy",              href: "#"},
+            {
+              label: "Terms",              href: "#"},
+          ],
+        },
      ]}
+      logoText="AutoSchedule AI"
    />
  </div>
      </ReactLenis>
--- 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-tight), sans-serif;
+  font-family: var(--font-public-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-public-sans), 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: #ffffff;
-  --primary-cta: #106EFB;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #1e3a8a;
  --primary-cta-text: #fcf6ec;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #1e293b;
  --secondary-cta-text: #2e2521;
-  --accent: #106EFB;
-  --background-accent: #000000;
+  --accent: #3b82f6;
+  --background-accent: #1e3a8a;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	86de98ca04	Update theme fonts	2026-04-23 08:45:22 +00:00
bender	ca7ac0ca9c	Update theme fonts	2026-04-23 08:45:21 +00:00
bender	102cf3f27f	Update theme fonts	2026-04-23 08:45:18 +00:00
bender	47031a4d39	Update theme fonts	2026-04-23 08:45:17 +00:00
bender	671de28a86	Update theme fonts	2026-04-23 08:45:12 +00:00
bender	cacb3a95c2	Update theme fonts	2026-04-23 08:45:11 +00:00
bender	afb1b1facc	Update theme fonts	2026-04-23 08:45:03 +00:00
bender	e35c12cd59	Update theme fonts	2026-04-23 08:45:02 +00:00
bender	7254883dd3	Update src/app/styles/variables.css	2026-04-23 08:43:55 +00:00
bender	5c54784c1c	Update src/app/page.tsx	2026-04-23 08:43:55 +00:00
bender	bfc96df1c7	Switch to version 1: modified src/app/styles/variables.css	2026-04-23 08:42:40 +00:00
bender	e37566fedb	Switch to version 1: modified src/app/page.tsx	2026-04-23 08:42:40 +00:00
bender	bf40c159f7	Merge version_2 into main Merge version_2 into main	2026-04-23 08:42:04 +00:00