Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,6 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Brush, Feather, Figma, LayoutTemplate, Lightbulb, Monitor, Palette, Sparkles, Type } from "lucide-react";
@@ -28,7 +27,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline 
-          navItems={[{name:"About",id:"about"},{name:"Services",id:"features"},{name:"Work",id:"products"},{name:"FAQ",id:"faq"}]}
+          navItems={[{name:"About",id:"about"},{name:"Services",id:"features"},{name:"Work",id:"products"}]}
           brandName="Bamboleya"
           button={{text:"Contact Us",href:"#contact"}}
           buttonClassName="shadow-md"
@@ -91,17 +90,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqBase 
-          title="Questions? We Have Answers"
-          description="Find quick answers to the most common questions about our design process, services, and working with Bamboleya."
-          textboxLayout="default"
-          faqsAnimation="slide-up"
-          useInvertedBackground={false}
-          faqs={[{id:"1",title:"What is your typical design process?",content:"Our process usually starts with a discovery phase to understand your needs, followed by concept development, iterative design, client feedback, and final implementation. We believe in transparency and collaboration every step of the way."},{id:"2",title:"How long does a typical project take?",content:"Project timelines vary greatly depending on complexity and scope. A small branding project might take a few weeks, while a comprehensive website redesign could take several months. We provide detailed timelines after our initial consultation."},{id:"3",title:"What kind of businesses do you work with?",content:"We partner with a diverse range of clients, from startups and small businesses to established corporations across various industries. Our goal is to bring high-quality design solutions to any entity looking to enhance their digital presence."},{id:"4",title:"Do you offer ongoing support after a project is completed?",content:"Yes, we offer various post-launch support and maintenance packages to ensure your digital assets remain up-to-date, secure, and performing optimally. We can discuss these options as your project nears completion."}]}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplit 
           tag="Get in Touch"
@@ -122,7 +110,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBase 
-          columns={[{title:"Services",items:[{label:"Web Design",href:"#features"},{label:"Branding",href:"#features"},{label:"UI/UX",href:"#features"}]},{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Our Work",href:"#products"},{label:"FAQ",href:"#faq"}]},{title:"Connect",items:[{label:"Contact",href:"#contact"},{label:"LinkedIn",href:"https://linkedin.com/company/bamboleya"},{label:"Instagram",href:"https://instagram.com/bamboleya"}]}]}
+          columns={[{title:"Services",items:[{label:"Web Design",href:"#features"},{label:"Branding",href:"#features"},{label:"UI/UX",href:"#features"}]},{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Our Work",href:"#products"}]},{title:"Connect",items:[{label:"Contact",href:"#contact"},{label:"LinkedIn",href:"https://linkedin.com/company/bamboleya"},{label:"Instagram",href:"https://instagram.com/bamboleya"}]}]}
           logoText="Bamboleya"
           copyrightText="© 2024 Bamboleya Design Studio. All rights reserved."
         />

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #fbfaff;;
+  /* --background: #ffffff;;
-  --card: #f7f5ff;;
+  --card: #f9f9f9;;
-  --foreground: #0f0022;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0a7039;;
-  --accent: #d8cef5;;
+  --accent: #0a7039;;
-  --background-accent: #c4a8f9;; */
+  --background-accent: #e2f0e6;; */
 
-  --background: #fbfaff;;
+  --background: #ffffff;;
-  --card: #f7f5ff;;
+  --card: #f9f9f9;;
-  --foreground: #0f0022;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #8b5cf6;;
+  --primary-cta: #e63946;;
   --primary-cta-text: #fbfaff;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0a7039;;
   --secondary-cta-text: #0f0022;;
-  --accent: #d8cef5;;
+  --accent: #0a7039;;
-  --background-accent: #c4a8f9;;
+  --background-accent: #e2f0e6;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);