Merge version_3 into main

Merge version_3 into main

src/components/sections/footer/FooterLogoEmphasis.tsx

@@ -4,6 +4,7 @@ import ButtonTextUnderline from "@/components/button/ButtonTextUnderline";
 import FillWidthText from "@/components/shared/FillWidthText/FillWidthText";
 import { ChevronRight } from "lucide-react";
 import { cls } from "@/lib/utils";
+import Image from "next/image";
 
 interface FooterColumn {
   items: Array<{
@@ -110,6 +111,21 @@ const FooterLogoEmphasis = ({
               </div>
             ))}
           </div>
+
+          <div className="flex items-center gap-4">
+            <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" className="text-background hover:text-primary">
+              <Image src="/path/to/facebook-icon.svg" alt="Facebook" width={24} height={24} />
+            </a>
+            <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" className="text-background hover:text-primary">
+              <Image src="/path/to/twitter-icon.svg" alt="Twitter" width={24} height={24} />
+            </a>
+            <a href="https://instagram.com" target="_blank" rel="noopener noreferrer" className="text-background hover:text-primary">
+              <Image src="/path/to/instagram-icon.svg" alt="Instagram" width={24} height={24} />
+            </a>
+            <a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" className="text-background hover:text-primary">
+              <Image src="/path/to/linkedin-icon.svg" alt="LinkedIn" width={24} height={24} />
+            </a>
+          </div>
         </div>
       </footer>
   );