Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -74,7 +74,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { icon: Zap, title: "Website Developement ", description: "High-performance sites tailored to your business goals." },
+        { icon: Zap, title: "Web Development", description: "High-performance sites tailored to your business goals." },
         { icon: Layout, title: "UI/UX Design", description: "Intuitive interfaces built for user engagement and retention." },
         { icon: Shield, title: "Security & Maintenance", description: "Robust protection and constant monitoring to keep your site safe." },
       ]}
@@ -91,8 +91,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "starter", badge: "Essential", price: "$399 ", subtitle: "Perfect for small sites", features: ["Responsive Design", "Basic SEO", "Contact Form"] },
-        { id: "pro", badge: "Best Value", price: "$599", subtitle: "Growth-oriented sites", features: ["Advanced SEO", "Content Mgmt", "Priority Support"] },
+        { id: "starter", badge: "Essential", price: "$1,500", subtitle: "Perfect for small sites", features: ["Responsive Design", "Basic SEO", "Contact Form"] },
+        { id: "pro", badge: "Best Value", price: "$3,500", subtitle: "Growth-oriented sites", features: ["Advanced SEO", "Content Mgmt", "Priority Support"] },
         { id: "enterprise", badge: "Custom", price: "Custom", subtitle: "Tailored for unique needs", features: ["Custom Features", "API Integration", "Dedicated Team"] },
       ]}
       title="Simple Transparent Pricing"
@@ -109,7 +109,7 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "200", title: "Projects Delivered", description: "Diverse projects from startups to large enterprises.", icon: Rocket },
+        { id: "m1", value: "200+", title: "Projects Delivered", description: "Diverse projects from startups to large enterprises.", icon: Rocket },
         { id: "m2", value: "98%", title: "Client Retention", description: "Long-term relationships built on trust and performance.", icon: ThumbsUp },
         { id: "m3", value: "50ms", title: "Average Speed", description: "Optimized performance to keep users happy.", icon: Zap },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
+  --background: #ffffff;
+  --card: #f2f2f2;
   --foreground: #000000;
-  --primary-cta: #2a2928;
+  --primary-cta: #000000;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #cccccc;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #aaaaaa;
+  --background-accent: #dddddd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);