Update src/app/styles/variables.css

src/app/page.tsx

@@ -61,6 +61,7 @@ export default function LandingPage() {
       heading={[{ type: "text", content: "A Platform Built for Modern Requirements" }]}
       buttons={[{ text: "Learn More", href: "/about" }]}
       useInvertedBackground={false}
+      className="bg-white"
     />
   </div>
 
@@ -71,8 +72,8 @@ export default function LandingPage() {
       description="From simple contact forms to complex multi-step workflows, our platform scales with your business needs."
       textboxLayout="split"
       features={[
-        { id: "1", title: "Drag-and-Drop Builder", descriptions: ["Visually design beautiful forms."], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg?_wi=1" },
+        { id: "1", title: "Drag-and-Drop Builder", descriptions: ["Visually design beautiful forms."] },
-        { id: "2", title: "Headless API", descriptions: ["Seamless backend endpoints."], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg?_wi=2" }
+        { id: "2", title: "Headless API", descriptions: ["Seamless backend endpoints."] }
       ]}
       useInvertedBackground={true}
     />
@@ -85,10 +86,11 @@ export default function LandingPage() {
       description="Need help debugging an API call or optimizing your form fields? Our integrated AI assistant is available 24/7."
       textboxLayout="split"
       features={[
-        { id: "ai-1", title: "Field Suggestions", descriptions: ["Context-aware suggestions."], imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg?_wi=1" },
+        { id: "ai-1", title: "Field Suggestions", descriptions: ["Context-aware suggestions."] },
-        { id: "ai-2", title: "Workflow Automation", descriptions: ["Automate data processing."], imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg?_wi=2" }
+        { id: "ai-2", title: "Workflow Automation", descriptions: ["Automate data processing."] }
       ]}
       useInvertedBackground={false}
+      className="bg-slate-50"
     />
   </div>
 
@@ -111,7 +113,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Sarah Miller", role: "CTO", company: "Techflow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg" }
+        { id: "1", name: "Sarah Miller", role: "CTO", company: "Techflow", rating: 5 }
       ]}
     />
   </div>
@@ -140,6 +142,7 @@ export default function LandingPage() {
         { name: "name", type: "text", placeholder: "Full Name", required: true }
       ]}
       useInvertedBackground={false}
+      className="bg-slate-50"
     />
   </div>
 
@@ -151,6 +154,7 @@ export default function LandingPage() {
       ]}
       bottomLeftText="© 2024 Name Platform"
       bottomRightText="All rights reserved."
+      className="bg-slate-100 border-t border-slate-200"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfbfb;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #0a0a0a;
+  --foreground: #111827;
-  --primary-cta: #111827;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f3f4f6;
+  --secondary-cta: #e2e8f0;
   --secondary-cta-text: #000612e6;
   --accent: #e5e7eb;
-  --background-accent: #f9fafb;
+  --background-accent: #f3f4f6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);