Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -73,6 +73,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=1"
       imageAlt="modern web design desk setup"
       mediaAnimation="slide-up"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",          alt: "Mockup Copy Space Blank Screen Concept"},
@@ -108,6 +110,8 @@ export default function LandingPage() {
       description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
       imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
       imageAlt="team collaborating on web project"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -132,6 +136,8 @@ export default function LandingPage() {
       ]}
       title="Key Features That Set Us Apart"
       description="Discover how our comprehensive services provide real value and empower your online success."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -157,6 +163,8 @@ export default function LandingPage() {
       ]}
       title="Our Latest Projects"
       description="Explore some of our recent work where creativity meets functionality to deliver outstanding digital experiences."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -182,6 +190,8 @@ export default function LandingPage() {
       ]}
       title="Our Featured Web Solutions"
       description="Explore our diverse range of website packages and services designed to meet every need."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -212,6 +222,8 @@ export default function LandingPage() {
       ]}
       title="Flexible Pricing for Every Project"
       description="Choose the plan that best fits your budget and business goals. All plans are customizable to ensure your unique needs are met."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -233,6 +245,7 @@ export default function LandingPage() {
       cardTitle="What Our Clients Say"
       cardTag="Trusted Feedback"
       cardAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -242,15 +255,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",          title: "What is your website development process?",          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},
-        {
-          id: "q2",          title: "How long does it take to build a website?",          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},
-        {
-          id: "q3",          title: "Do you offer post-launch support?",          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."},
-      ]}
+          id: "q1",          title: "What is your website development process?",          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},        {
+          id: "q2",          title: "How long does it take to build a website?",          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},        {
+          id: "q3",          title: "Do you offer post-launch support?",          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."}
+        ]}
       title="Frequently Asked Questions"
       description="Find quick answers to the most common questions about our services and process."
       faqsAnimation="slide-up"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -271,6 +284,7 @@ export default function LandingPage() {
           text: "Follow on Instagram",          href: "https://instagram.com/webild"}
       ]}
       buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
-  --card: #F8F8F8;
-  --foreground: #1A1A1A;
-  --primary-cta: #B8860B;
+  --background: #f8f8f8;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #D4AF37;
   --primary-cta-text: #ffffff;
   --secondary-cta: #333333;
   --secondary-cta-text: #000612e6;
-  --accent: #DAA520;
-  --background-accent: #FFFACD;
+  --accent: #D4AF37;
+  --background-accent: #fcfcfc;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);