Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -37,6 +37,7 @@ export default function WebAgency2Page() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
+            { name: "Social Media Marketing", id: "/social-media-marketing" }
           ]}
           button={{ text: "Get Started", href: "#contact" }}
         />
@@ -54,17 +55,17 @@ export default function WebAgency2Page() {
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-black-smartphone_23-2148264034.jpg", imageAlt: "Social Media Post Example" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-modern-colorful-abstract-digital-art_181624-57995.jpg", imageAlt: "Social Media Ad Creative" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Social Media Analytics Dashboard" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-holding-smartphone_23-2149652178.jpg", imageAlt: "Social Media Story Example" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg", imageAlt: "Social Media Campaign Planning" }
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-black-smartphone_23-2148264034.jpg?_wi=2", imageAlt: "Social Media Post Example" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-modern-colorful-abstract-digital-art_181624-57995.jpg?_wi=2", imageAlt: "Social Media Ad Creative" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg?_wi=2", imageAlt: "Social Media Analytics Dashboard" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-holding-smartphone_23-2149652178.jpg?_wi=2", imageAlt: "Social Media Story Example" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg?_wi=2", imageAlt: "Social Media Campaign Planning" }
           ]}
           rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hands-play-with-smartphone-together_1150-4522.jpg", imageAlt: "Social Media Feed Scrolling" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg", imageAlt: "Social Media Strategy Design" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/dgital-tablet-mobile-phone-near-stickers-social-media-icons_23-2147841405.jpg", imageAlt: "Social Media Engagement Icons" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123948.jpg", imageAlt: "Social Media Insights Graph" }
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hands-play-with-smartphone-together_1150-4522.jpg?_wi=2", imageAlt: "Social Media Feed Scrolling" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg?_wi=2", imageAlt: "Social Media Strategy Design" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/dgital-tablet-mobile-phone-near-stickers-social-media-icons_23-2147841405.jpg?_wi=2", imageAlt: "Social Media Engagement Icons" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123948.jpg?_wi=2", imageAlt: "Social Media Insights Graph" }
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
@@ -83,16 +84,16 @@ export default function WebAgency2Page() {
             },
             {
               title: "Engaging Content Creation",              description: "From captivating visuals to compelling copy, we produce content that resonates and performs.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898375.jpg", imageAlt: "Visually appealing social media post" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg", imageAlt: "Short video reel preview" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459558.jpg", imageAlt: "Infographic for social media" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898375.jpg?_wi=2", imageAlt: "Visually appealing social media post" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg?_wi=2", imageAlt: "Short video reel preview" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459558.jpg?_wi=2", imageAlt: "Infographic for social media" },
               ],
             },
             {
               title: "Authentic Community Building",              description: "Foster meaningful connections with your audience, turning followers into advocates.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/isolate-white-rectangle-inside-blue-text-message-box-white-background-symbol-chat-communication-concept-by-3d-render_616485-57.jpg", imageAlt: "People interacting on social media" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/message-icons-white-paper-envelope-with-digital-tablet-cellphone-painted-blue-backdrop_23-2147841237.jpg", imageAlt: "Chat bubbles and message icons" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/people-holding-social-media-icons_53876-49335.jpg", imageAlt: "Brand interacting with comments" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/isolate-white-rectangle-inside-blue-text-message-box-white-background-symbol-chat-communication-concept-by-3d-render_616485-57.jpg?_wi=2", imageAlt: "People interacting on social media" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/message-icons-white-paper-envelope-with-digital-tablet-cellphone-painted-blue-backdrop_23-2147841237.jpg?_wi=2", imageAlt: "Chat bubbles and message icons" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/people-holding-social-media-icons_53876-49335.jpg?_wi=2", imageAlt: "Brand interacting with comments" },
               ],
             },
           ]}
@@ -255,6 +256,7 @@ export default function WebAgency2Page() {
                 { label: "Services", href: "#services" },
                 { label: "Work", href: "#work" },
                 { label: "Contact", href: "#contact" },
+                { label: "Social Media Marketing", href: "/social-media-marketing" }
               ],
             },
             {
@@ -278,4 +280,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/social-media-marketing/page.tsx

@@ -0,0 +1,155 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Sparkles, Users, TrendingUp, Megaphone, Target, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, DollarSign, Pin, Bell } from "lucide-react";
+
+export default function SocialMediaMarketingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="metallic"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Webild"
+          navItems={[
+            { name: "Work", id: "work" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" },
+            { name: "Social Media Marketing", id: "/social-media-marketing" }
+          ]}
+          button={{ text: "Get Started", href: "#contact" }}
+        />
+        <HeroSplitDoubleCarousel
+          title="Ignite Your Brand on Social Media"
+          description="We craft dynamic social media strategies that capture attention, build communities, and convert followers into loyal customers."
+          tag="Social Media Masters"
+          tagIcon={Megaphone}
+          tagAnimation="slide-up"
+          background={{ variant: "canvas-reveal" }}
+          buttons={[
+            { text: "Start Project", href: "#contact" },
+            { text: "View Our Work", href: "#work" },
+          ]}
+          buttonAnimation="slide-up"
+          carouselPosition="right"
+          leftCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-black-smartphone_23-2148264034.jpg?_wi=1", imageAlt: "Social Media Post Example" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-geometric-modern-colorful-abstract-digital-art_181624-57995.jpg?_wi=1", imageAlt: "Social Media Ad Creative" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg?_wi=1", imageAlt: "Social Media Analytics Dashboard" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-holding-smartphone_23-2149652178.jpg?_wi=1", imageAlt: "Social Media Story Example" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg?_wi=1", imageAlt: "Social Media Campaign Planning" }
+          ]}
+          rightCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hands-play-with-smartphone-together_1150-4522.jpg?_wi=1", imageAlt: "Social Media Feed Scrolling" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg?_wi=1", imageAlt: "Social Media Strategy Design" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/dgital-tablet-mobile-phone-near-stickers-social-media-icons_23-2147841405.jpg?_wi=1", imageAlt: "Social Media Engagement Icons" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123948.jpg?_wi=1", imageAlt: "Social Media Insights Graph" }
+          ]}
+          carouselItemClassName="!aspect-[4/5]"
+        />
+        <FeatureBento
+          title="Our Social Media Marketing Services"
+          description="A comprehensive suite of services to amplify your brand's voice and reach."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          buttons={[{ text: "Explore All Services", href: "#services" }]}
+          buttonAnimation="slide-up"
+          features={[
+            {
+              title: "Strategic Social Planning",              description: "Develop a bespoke social media roadmap tailored to your business goals and target audience.",              bentoComponent: "marquee",              centerIcon: Target,
+              variant: "text",              texts: ["Audience Research", "Platform Selection", "Content Calendars", "Engagement Tactics", "Growth Hacks", "KPI Tracking"],
+            },
+            {
+              title: "Engaging Content Creation",              description: "From captivating visuals to compelling copy, we produce content that resonates and performs.",              bentoComponent: "media-stack",              items: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898375.jpg?_wi=1", imageAlt: "Visually appealing social media post" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg?_wi=1", imageAlt: "Short video reel preview" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459558.jpg?_wi=1", imageAlt: "Infographic for social media" },
+              ],
+            },
+            {
+              title: "Authentic Community Building",              description: "Foster meaningful connections with your audience, turning followers into advocates.",              bentoComponent: "media-stack",              items: [
+                { imageSrc: "http://img.b2bpic.net/free-photo/isolate-white-rectangle-inside-blue-text-message-box-white-background-symbol-chat-communication-concept-by-3d-render_616485-57.jpg?_wi=1", imageAlt: "People interacting on social media" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/message-icons-white-paper-envelope-with-digital-tablet-cellphone-painted-blue-backdrop_23-2147841237.jpg?_wi=1", imageAlt: "Chat bubbles and message icons" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/people-holding-social-media-icons_53876-49335.jpg?_wi=1", imageAlt: "Brand interacting with comments" },
+              ],
+            },
+          ]}
+        />
+        <MetricCardOne
+          title="Driving Tangible Results on Social"
+          description="Our expertise translates into measurable growth and impact for your brand."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          metrics={[
+            { id: "engagement", value: "300%+", title: "Engagement Rate", description: "Average increase across client campaigns", icon: Sparkles },
+            { id: "audience", value: "1M+", title: "Audience Growth", description: "Followers gained for our clients annually", icon: Users },
+            { id: "roi", value: "4.5X", title: "Avg. ROI", description: "Return on ad spend for managed campaigns", icon: TrendingUp },
+          ]}
+        />
+        <ContactCTA
+          tag="Let's Connect"
+          title="Ready to Amplify Your Social Presence?"
+          description="Partner with Webild to create a powerful social media strategy that drives real business growth."
+          background={{ variant: "rotated-rays-animated" }}
+          buttons={[
+            { text: "Start Your Project", href: "#contact" },
+            { text: "View Our Work", href: "#work" },
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+        <FooterBase
+          logoText="Webild"
+          copyrightText="© 2026 | Webild"
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#about" },
+                { label: "Services", href: "#services" },
+                { label: "Work", href: "#work" },
+                { label: "Contact", href: "#contact" },
+                { label: "Social Media Marketing", href: "/social-media-marketing" }
+              ],
+            },
+            {
+              title: "Services",              items: [
+                { label: "Social Strategy", href: "#" },
+                { label: "Content Creation", href: "#" },
+                { label: "Community Management", href: "#" },
+                { label: "Paid Social Ads", href: "#" },
+              ],
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Twitter", href: "#" },
+                { label: "LinkedIn", href: "#" },
+                { label: "Instagram", href: "#" },
+                { label: "Dribbble", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}