Update src/app/page.tsx

Merge version_6 into main
2026-04-23 08:47:20 +00:00 · 2026-04-23 08:46:33 +00:00 · 2026-04-23 08:46:30 +00:00 · 2026-04-23 08:46:21 +00:00 · 2026-04-23 08:46:18 +00:00 · 2026-04-23 08:45:57 +00:00
4 changed files with 55 additions and 169 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
@@ -6,7 +6,7 @@ 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 HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -32,70 +32,30 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "About",
+          name: "About",          id: "#about"},
          id: "#about",
        },
        {
-          name: "Features",
+          name: "Features",          id: "#features"},
          id: "#features",
        },
        {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
          id: "#pricing",
        },
        {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
          id: "#contact",
        },
      ]}
      brandName="AutoSchedule AI"
    />
  </div>
  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+      <HeroLogoBillboard
-      background={{
+      logoText="AutoSchedule AI"
        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",
+          text: "Start Free Trial",          href: "#contact"},
          href: "#contact",
        },
        {
-          text: "View Demo",
+          text: "View Demo",          href: "#features"},
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          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",
        },
      ]}
      background={{ variant: "sparkles-gradient" }}
      imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>
@@ -118,26 +78,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          title: "Automated Outreach",
+          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"},
          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",
+          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"},
          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",
+          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"},
          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 right into your business processes."
@@ -149,14 +94,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
-        "TechCorp",
+        "TechCorp",        "InnovateLab",        "GrowthCo",        "StartupXYZ",        "DigitalReach",        "FutureSystems",        "GlobalSolutions"]}
        "InnovateLab",
        "GrowthCo",
        "StartupXYZ",
        "DigitalReach",
        "FutureSystems",
        "GlobalSolutions",
      ]}
      title="Trusted by Industry Leaders"
      description="Used by companies across the globe to drive appointment volume."
    />
@@ -170,20 +108,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      metrics={[
        {
-          id: "m1",
+          id: "m1",          value: "400%",          description: "Meeting volume increase"},
          value: "400%",
          description: "Meeting volume increase",
        },
        {
-          id: "m2",
+          id: "m2",          value: "15hrs",          description: "Saved per user/week"},
          value: "15hrs",
          description: "Saved per user/week",
        },
        {
-          id: "m3",
+          id: "m3",          value: "99.9%",          description: "Uptime & Reliability"},
          value: "99.9%",
          description: "Uptime & Reliability",
        },
      ]}
      title="Proven Results"
      description="The numbers speak for themselves regarding our impact."
@@ -197,40 +126,15 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "t1",
+          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"},
          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",
+          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"},
          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",
+          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"},
          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",
+          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"},
          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",
+          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"},
          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."
@@ -243,20 +147,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "q1",
+          id: "q1",          title: "How does the AI work?",          content: "Our AI analyzes calendar data and interacts with prospects via natural language processing."},
          title: "How does the AI work?",
          content: "Our AI analyzes calendar data and interacts with prospects via natural language processing.",
        },
        {
-          id: "q2",
+          id: "q2",          title: "Is it secure?",          content: "Yes, we prioritize end-to-end encryption for all scheduling activities."},
          title: "Is it secure?",
          content: "Yes, we prioritize end-to-end encryption for all scheduling activities.",
        },
        {
-          id: "q3",
+          id: "q3",          title: "Can I integrate with my CRM?",          content: "Absolutely, we support all major CRM platforms natively."},
          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."
@@ -267,9 +162,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
        variant: "sparkles-gradient",
      }}
      tag="Get Started"
      title="Start Scheduling Automatically Today"
      description="Join thousands of businesses streamlining their meeting workflow."
@@ -280,42 +173,27 @@ export default function LandingPage() {
      <FooterBase
      columns={[
        {
-          title: "Product",
+          title: "Product",          items: [
          items: [
            {
-              label: "Features",
+              label: "Features",              href: "#features"},
              href: "#features",
            },
            {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
              href: "#pricing",
            },
          ],
        },
        {
-          title: "Company",
+          title: "Company",          items: [
          items: [
            {
-              label: "About",
+              label: "About",              href: "#about"},
              href: "#about",
            },
            {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
              href: "#contact",
            },
          ],
        },
        {
-          title: "Legal",
+          title: "Legal",          items: [
          items: [
            {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
              href: "#",
            },
            {
-              label: "Terms",
+              label: "Terms",              href: "#"},
              href: "#",
            },
          ],
        },
      ]}
--- 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: #fcf6ec;
+  --background: #02104c;
-  --card: #f3ede2;
+  --card: #0f172a;
-  --foreground: #2e2521;
+  --foreground: #e2e8f0;
-  --primary-cta: #2e2521;
+  --primary-cta: #1e3a8a;
  --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1e293b;
  --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #3b82f6;
-  --background-accent: #b2a28b;
+  --background-accent: #052fa4;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	7e95ff6b90	Update src/app/page.tsx	2026-04-23 08:47:20 +00:00
bender	ad08328946	Merge version_6 into main Merge version_6 into main	2026-04-23 08:46:33 +00:00
bender	be21aecad1	Update theme colors	2026-04-23 08:46:30 +00:00
bender	4b16688d87	Merge version_5 into main Merge version_5 into main	2026-04-23 08:46:21 +00:00
bender	e38e8d3177	Update theme colors	2026-04-23 08:46:18 +00:00
bender	7a79e88985	Merge version_4 into main Merge version_4 into main	2026-04-23 08:45:57 +00:00
bender	4dfe21bc7d	Update theme colors	2026-04-23 08:45:53 +00:00
bender	b016ed6a4d	Merge version_3 into main Merge version_3 into main	2026-04-23 08:45:25 +00:00
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	1b5df6b2a3	Merge version_3 into main Merge version_3 into main	2026-04-23 08:45:15 +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	dd469add43	Merge version_3 into main Merge version_3 into main	2026-04-23 08:45:06 +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	4624214778	Merge version_3 into main Merge version_3 into main	2026-04-23 08:43:58 +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
bender	05a3e5e821	Update src/app/styles/variables.css	2026-04-23 08:42:01 +00:00
bender	3b864eefbe	Update src/app/page.tsx	2026-04-23 08:42:00 +00:00