Merge version_5_1782151306580 into main

Merge version_5_1782151306580 into main

src/components/Layout.tsx

@@ -1,5 +1,5 @@
 import FooterMinimal from '@/components/sections/footer/FooterMinimal';
-import NavbarFloating from '@/components/ui/NavbarFloating';
+import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Github, Linkedin, Twitter } from "lucide-react";
@@ -42,8 +42,9 @@ export default function Layout() {
     <StyleProvider buttonVariant="magnetic" siteBackground="floatingGradient" heroBackground="cornerGlow">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarFloating
+        <NavbarFloatingLogo
       logo="LKS Data"
+      logoImageSrc="https://storage.googleapis.com/webild/users/user_3FV10v49JlHYLyUz5D79Wj1SjAY/uploaded-1782147134567-zlx8ty6x.png"
       ctaButton={{
         text: "Join Now",
         href: "#join",

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #fdfdfd;
-  --card: #f4f4f5;
-  --foreground: #09090b;
-  --primary-cta: #18181b;
+  --background: #e0f2f1;
+  --card: #ffffff;
+  --foreground: #004d40;
+  --primary-cta: #008080;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e4e4e7;
-  --secondary-cta-text: #09090b;
-  --accent: #71717a;
-  --background-accent: #f4f4f5;
+  --secondary-cta: #b2dfdb;
+  --secondary-cta-text: #004d40;
+  --accent: #00695c;
+  --background-accent: #ffffff;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

src/pages/HomePage.tsx

@@ -12,7 +12,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import JoinSection from './HomePage/sections/Join';
 
-export default function HomePage(): React.JSX.Element {
+
+import SignupSection from './HomePage/sections/Signup';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -28,6 +29,7 @@ export default function HomePage(): React.JSX.Element {
   <FaqSection />
 
   <JoinSection />
+      <SignupSection />
     </>
   );
 }

src/pages/HomePage/sections/Hero.tsx

@@ -10,8 +10,8 @@ export default function HeroSection(): React.JSX.Element {
         title="Turn Business Problems Into Growth Opportunities"
         tag="Growth Partner"
         description="Connect with skilled professionals helping businesses identify revenue leaks, improve conversions, and generate more qualified leads."
-        primaryButton={{"href":"#contact","text":"Request a Service"}}
-        secondaryButton={{"href":"#join","text":"Join as a Professional"}}
+        primaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Request a Service"}}
+        secondaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Join as a Professional"}}
         leftItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2249.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg"}]}
         rightItems={[{"imageSrc":"http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"}]}
       />

src/pages/HomePage/sections/Join.tsx

@@ -10,17 +10,11 @@ export default function JoinSection(): React.JSX.Element {
     <div id="join" data-section="join">
         <SectionErrorBoundary name="join">
               <ContactCta
-          tag="Join Us"
-          text="Start Building Smarter Business Timelines Today."
-          primaryButton={{
-            text: "Request Service",
-            href: "#contact",
-          }}
-          secondaryButton={{
-            text: "Join as Pro",
-            href: "#join-form",
-          }}
-        />
+        tag="Join Us"
+        text="Start Building Smarter Business Timelines Today."
+        primaryButton={{"href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor","text":"Request Service"}}
+        secondaryButton={{"text":"Join as Pro","href":"https://docs.google.com/forms/d/e/1FAIpQLScAjftPYfxOizvMPDAHIjtv31_3ROM1yM-YYUbQpTQ8IHFziw/viewform?usp=publish-editor"}}
+      />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Signup.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+import TextAnimation from '@/components/ui/TextAnimation';
+import Input from '@/components/ui/Input';
+import Button from '@/components/ui/Button';
+
+export default function SignupSection() {
+  return (
+    <div data-webild-section="signup" id="signup" className="py-24 bg-background">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade">
+          <div className="max-w-2xl mx-auto text-center card p-8 rounded-lg shadow-sm">
+            <TextAnimation 
+              text="Sign Up" 
+              variant="fade-blur" 
+              tag="h2" 
+              className="text-3xl font-bold text-foreground mb-4" 
+              gradientText={false} 
+            />
+            <p className="text-accent mb-8">Sign up with your name and email to get started.</p>
+            <form className="flex flex-col gap-4 max-w-md mx-auto" onSubmit={(e) => e.preventDefault()}>
+              <Input type="text" placeholder="Your Name" required className="w-full" />
+              <Input type="email" placeholder="Your Email" required className="w-full" />
+              <Button text="Sign Up" variant="primary" className="w-full" />
+            </form>
+          </div>
+        </ScrollReveal>
+      </div>
+    </div>
+  );
+}