Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -12,7 +12,7 @@ import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Zap, ArrowUpRight, TrendingUp, Shield, Users } from "lucide-react";
+import { Zap, ArrowUpRight, TrendingUp, Shield, Users, Mail, Linkedin, Github } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -40,17 +40,18 @@ export default function WebAgency2Page() {
           button={{ text: "Request Audit", href: "#contact" }}
         />
         <div id="hero">
-          <HeroLogoBillboard
-            logoText="Automate Your Business Operations"
-            description="Stop wasting time on manual tasks. We implement intelligent AI agents and automated workflows that run 24/7, so you can focus on strategy."
-            imageSrc="http://img.b2bpic.net/free-photo/artificial-intelligence-brain-futuristic-data-center_23-2152029074.jpg"
-            imageAlt="AI Automation Concept"
+          <HeroPersonalLinks
+            title="Automate Your Business Operations"
             background={{ variant: "sparkles-gradient" }}
-            buttons={[
-              { text: "Schedule Demo", href: "#contact" },
-              { text: "Our Methods", href: "#process" },
+            socialLinks={[
+              { icon: Mail, label: "Email", href: "mailto:hello@automa.ai" },
+              { icon: Linkedin, label: "LinkedIn", href: "#" },
+              { icon: Github, label: "GitHub", href: "#" },
+            ]}
+            linkCards={[
+              { title: "Book a Strategy Session", description: "Let's discuss how we can automate your manual bottlenecks.", button: { text: "Schedule", href: "#contact" } },
+              { title: "View Our Methods", description: "Detailed breakdown of our AI-driven integration process.", button: { text: "Learn More", href: "#process" } }
             ]}
-            mediaAnimation="opacity"
           />
         </div>
         <div id="solutions">