Update src/app/styles/variables.css

Merge version_6 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -49,9 +49,9 @@ export default function LandingPage() {
         { text: "Learn More", href: "#about" },
       ]}
       slides={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/uploaded-1775406987243-bwkywtj4.png", imageAlt: "Grant Writing Software Interface" },
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/modern-sleek-dashboard-for-grant-writing-1775406324967-5be3cdcc.png", imageAlt: "Dashboard" },
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/professional-team-working-on-grant-propo-1775406324401-35fc7066.png", imageAlt: "Collaboration" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/close-up-of-analytical-data-on-a-screen--1775406324261-cb65d085.png", imageAlt: "Analytics" },
       ]}
     />
   </div>
@@ -70,9 +70,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { tag: "AI Automation", title: "Intelligent Drafting", subtitle: "Save time", description: "Generate high-quality grant drafts instantly based on your project goals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/ai-text-generator-icon-high-quality-icon-1775406322766-7f1815c2.png" },
-        { tag: "Workflow", title: "Seamless Team Collaboration", subtitle: "Work together", description: "Real-time editing and shared workspaces designed for busy teams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/document-upload-cloud-symbol-modern-ui-i-1775406322985-9e9001f6.png" },
-        { tag: "Tracking", title: "Success Analytics", subtitle: "Monitor growth", description: "Advanced insights into your application performance and funding trends.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/performance-analytics-chart-modern-ui-ic-1775406323210-d617695a.png" },
+        { tag: "AI Automation", title: "Intelligent Drafting", subtitle: "Save time", description: "Generate high-quality grant drafts instantly based on your project goals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/ai-text-generator-icon-high-quality-icon-1775406322766-7f1815c2.png", buttons: [{ text: "Explore Drafting Capabilities", href: "#features" }] },
+        { tag: "Workflow", title: "Seamless Team Collaboration", subtitle: "Work together", description: "Real-time editing and shared workspaces designed for busy teams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/document-upload-cloud-symbol-modern-ui-i-1775406322985-9e9001f6.png", buttons: [{ text: "View Collaboration Tools", href: "#features" }] },
+        { tag: "Tracking", title: "Success Analytics", subtitle: "Monitor growth", description: "Advanced insights into your application performance and funding trends.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/performance-analytics-chart-modern-ui-ic-1775406323210-d617695a.png", buttons: [{ text: "Discover Analytics", href: "#features" }] },
       ]}
       title="Advanced Tools for Grants"
       description="Everything your team needs to write, manage, and win more grants effectively."
@@ -125,25 +125,44 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{ variant: "animated-grid" }}
-      tag="Get Started"
-      title="Start Winning More Grants"
-      description="Join thousands of organizations using AI to secure funding. Schedule a demo or start your free trial today."
+      title="Schedule Your Free Demo"
+      description="Ready to transform your grant success? Fill out the form to request a personalized demo or consultation with our team."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" }
+      ]}
+      textarea={{ name: "inquiry", placeholder: "Your grant writing inquiry", rows: 4 }}
+      buttonText="Request Demo"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/uploaded-1775407665927-prnkst1r.png"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Features", href: "#features" }, { label: "Benefits", href: "#about" }, { label: "Pricing", href: "#faq" }] },
-        { items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#contact" }, { label: "Privacy", href: "#" }] },
-      ]}
+      <FooterMedia
+      imageSrc="https://images.unsplash.com/photo-1554734867-03c091973b77?q=80&w=600"
       logoText="GrantWriter AI"
+      columns={[
+        {
+          title: "Resources",          items: [
+            { label: "Grant Writing Tips", href: "#" },
+            { label: "Funding Opportunities", href: "#" },
+            { label: "Proposal Templates", href: "#" }
+          ]
+        },
+        {
+          title: "Company",          items: [
+            { label: "Features", href: "#features" },
+            { label: "About Us", href: "#about" },
+            { label: "Contact", href: "#contact" }
+          ]
+        }
+      ]}
+      copyrightText="© 2025 GrantWriter AI. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #fbf9fb;
+  --card: #f4f1f4;
+  --foreground: #2d242c;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fbf9fb;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #d8cce8;
+  --background-accent: #e0cce0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);