From 3b864eefbea8b5c427f07e6f2ecaa79762d6d831 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 08:42:00 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 287 ++++++++++-------------------------------------
 1 file changed, 59 insertions(+), 228 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7513795..fdbe652 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-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 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 HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Zap, Clock, ShieldCheck, BarChart3, Users, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="AutoSchedule AI"
     />
@@ -54,47 +45,15 @@ 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/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",
-        },
+        { 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" }
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -106,223 +65,95 @@ 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="AI Team Collaboration"
+      imageAlt="Modern AI Workflow"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyNine
+      <FeatureCardSeven
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          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: "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="Powerful AI Features"
-      description="Enterprise-grade appointment scheduling that fits right into your business processes."
+      description="Enterprise-grade appointment scheduling that fits your business."
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "TechCorp",
-        "InnovateLab",
-        "GrowthCo",
-        "StartupXYZ",
-        "DigitalReach",
-        "FutureSystems",
-        "GlobalSolutions",
-      ]}
+      names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems"]}
       title="Trusted by Industry Leaders"
-      description="Used by companies across the globe to drive appointment volume."
+      description="Companies worldwide rely on us to fuel their growth."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
+      <MetricCardThree
+      animationType="depth-3d"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          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",
-        },
+        { 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%" }
       ]}
-      title="Proven Results"
-      description="The numbers speak for themselves regarding our impact."
+      title="Data-Driven Results"
+      description="Quantifiable impact that scales your operations."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
+      <TestimonialCardSixteen
+      animationType="depth-3d"
+      textboxLayout="split"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          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."
+      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" }
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      faqsAnimation="blur-reveal"
       faqs={[
-        {
-          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.",
-        },
+        { 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." }
       ]}
-      title="Frequently Asked Questions"
-      description="Common inquiries about our platform."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      <ContactSplit
       tag="Get Started"
-      title="Start Scheduling Automatically Today"
-      description="Join thousands of businesses streamlining their meeting workflow."
+      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"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          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: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterLogoEmphasis
       logoText="AutoSchedule AI"
+      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: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 05a3e5e821bbb8f9804eceaf3d6069a29004e95a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 08:42:01 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..91ac5bf 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #106EFB;
+  --background-accent: #000000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1