Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, Mail, Sparkles, TrendingUp, Trophy, Zap } from "lucide-react";
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import { Award, Mail, Sparkles, TrendingUp, Trophy, Zap, Facebook, Youtube, Instagram, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,20 +41,18 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardGallery
           title="Strategic Design for Ambitious Brands"
           description="We craft intentional, elegant solutions that command attention and drive measurable results. Premium strategy meets timeless execution."
           background={{ variant: "plain" }}
           tag="Premium Agency"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          buttons={[{ text: "Start Your Project", href: "work" }]}
+          buttons={[{ text: "Get Your Strategy Session", href: "work" }]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg"
-          imageAlt="Strategic design composition"
+          mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg", imageAlt: "Strategic design composition" }]}
           mediaAnimation="slide-up"
-          imagePosition="right"
-          fixedMediaHeight={true}
+          ariaLabel="Hero section with gallery"
         />
       </div>
 
@@ -66,6 +65,39 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="services" data-section="services">
+        <FeatureBorderGlow
+          title="Social Media Management Services"
+          description="We connect your brand with audiences across the most powerful social platforms. Strategic content, authentic engagement, and measurable growth."
+          tag="Digital Strategy"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          features={[
+            {
+              icon: Facebook,
+              title: "Facebook Marketing",              description: "Community building and targeted campaigns that convert. We leverage Facebook's powerful tools for audience segmentation and measurable ROI."
+            },
+            {
+              icon: Youtube,
+              title: "YouTube Strategy",              description: "Content that captures attention and drives engagement. From series planning to production strategy, we help your brand become a destination."
+            },
+            {
+              icon: Instagram,
+              title: "Instagram Growth",              description: "Visual storytelling that resonates. We craft feeds and strategies that build loyal communities and amplify your brand presence."
+            },
+            {
+              icon: Users,
+              title: "Influencer Connections",              description: "Direct relationships with authentic creators. We facilitate partnerships that align with your brand values and drive genuine engagement."
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Discuss Your Strategy", href: "contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="work" data-section="work">
         <FeatureCardTwentyThree
           title="Recent Work"
@@ -123,16 +155,16 @@ export default function LandingPage() {
           tag="Performance"
           metrics={[
             {
-              id: "1",              value: "150",              title: "brands transformed",              description: "Enterprise and mid-market organizations elevated",              icon: TrendingUp
+              id: "1",              value: "2.8x",              title: "average ROI",              description: "Client revenue growth following engagement",              icon: Zap
             },
             {
-              id: "2",              value: "18",              title: "years expertise",              description: "In brand strategy and premium design execution",              icon: Award
+              id: "2",              value: "150",              title: "brands transformed",              description: "Enterprise and mid-market organizations elevated",              icon: TrendingUp
             },
             {
-              id: "3",              value: "47",              title: "design awards",              description: "Recognition for strategic excellence and execution",              icon: Trophy
+              id: "3",              value: "18",              title: "years expertise",              description: "In brand strategy and premium design execution",              icon: Award
             },
             {
-              id: "4",              value: "2.8x",              title: "average ROI",              description: "Client revenue growth following engagement",              icon: Zap
+              id: "4",              value: "47",              title: "design awards",              description: "Recognition for strategic excellence and execution",              icon: Trophy
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -188,4 +220,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}