Update src/app/page.tsx

Merge version_6 into main

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';
@@ -45,32 +45,17 @@ export default function LandingPage() {
   </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",          href: "#contact"},
         {
           text: "View Demo",          href: "#features"},
       ]}
-      mediaItems={[
+      background={{ variant: "sparkles-gradient" }}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg"
-          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"
     />
   </div>
@@ -177,8 +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."
@@ -219,4 +203,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #020617;
+  --background: #02104c;
   --card: #0f172a;
   --foreground: #e2e8f0;
   --primary-cta: #1e3a8a;
@@ -18,7 +18,7 @@
   --secondary-cta: #1e293b;
   --secondary-cta-text: #2e2521;
   --accent: #3b82f6;
-  --background-accent: #1e3a8a;
+  --background-accent: #052fa4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);