Merge version_2 into main

Merge version_2 into main

src/app/services/page.tsx

@@ -57,6 +57,9 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
+          accordionItems={[
+            { id: "web-dev-1", title: "Our Approach", content: "We focus on user-centric design and robust backend development." }
+          ]}
         />
         <FeatureCardTwentyOne
           title="UI/UX Design & Branding"
@@ -66,6 +69,9 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           mediaPosition="right"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
+          accordionItems={[
+            { id: "ui-ux-1", title: "Design Principles", content: "Our designs are visually appealing and highly functional." }
+          ]}
         />
         <FeatureCardTwentyOne
           title="Search Engine Optimization (SEO)"
@@ -75,6 +81,9 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
+          accordionItems={[
+            { id: "seo-1", title: "SEO Strategy", content: "We implement on-page, off-page, and technical SEO best practices." }
+          ]}
         />
         <FeatureCardTwentyOne
           title="Content Marketing"
@@ -84,6 +93,9 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           mediaPosition="right"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
+          accordionItems={[
+            { id: "content-1", title: "Content Creation", content: "Our team creates high-quality, engaging content that converts." }
+          ]}
         />
         <FeatureCardTwentyOne
           title="Digital Marketing Strategy"
@@ -93,6 +105,9 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           mediaPosition="left"
           buttons={[{ text: "Learn More", href: "/#contact" }]}
+          accordionItems={[
+            { id: "marketing-1", title: "Integrated Campaigns", content: "We craft multi-channel strategies for maximum impact." }
+          ]}
         />
         <ContactCTA
           tag="Get in Touch"