diff --git a/apps/web/app/contact/page.tsx b/apps/web/app/contact/page.tsx
index 753fa14..1c1d9ac 100644
--- a/apps/web/app/contact/page.tsx
+++ b/apps/web/app/contact/page.tsx
@@ -62,7 +62,7 @@ export default function ContactPage() {
                   <h3 className="font-semibold mb-1">Telepon</h3>
                   <p className="text-muted-foreground mb-2">Senin - Jumat, 09:00 - 17:00 WIB</p>
                   <a href="tel:+628123456789" className="text-primary hover:underline">
-                    +62 812-3456-789
+                    +62 812-1586-9294
                   </a>
                 </div>
               </div>
@@ -74,9 +74,8 @@ export default function ContactPage() {
                 <div>
                   <h3 className="font-semibold mb-1">Lokasi</h3>
                   <p className="text-muted-foreground">
-                    Lampung Digital Hub<br />
-                    Jl. ZA. Pagar Alam No.24<br />
-                    Bandar Lampung, 35145
+                    Bandar Lampung<br />
+                    Metro<br />
                   </p>
                 </div>
               </div>
diff --git a/apps/web/app/members/page.tsx b/apps/web/app/members/page.tsx
index b094b75..dc9b784 100644
--- a/apps/web/app/members/page.tsx
+++ b/apps/web/app/members/page.tsx
@@ -1,78 +1,30 @@
-"use client";
+'use client';
 
 import { useState } from 'react';
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Card } from "@/components/ui/card";
-import { Search, Github, Twitter, Linkedin, Users2 } from "lucide-react";
-
-const members = [
-  {
-    id: 1,
-    name: "Riza Fahmi",
-    role: "Senior Frontend Developer",
-    company: "Tech Corp",
-    location: "Bandar Lampung",
-    skills: ["React", "TypeScript", "Node.js"],
-    image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=200",
-    social: {
-      github: "https://github.com/rizafahmi",
-      twitter: "https://twitter.com/rizafahmi",
-      linkedin: "https://linkedin.com/in/rizafahmi"
-    }
-  },
-  {
-    id: 2,
-    name: "Sarah Drasana",
-    role: "Backend Developer",
-    company: "Startup XYZ",
-    location: "Metro",
-    skills: ["Python", "Django", "PostgreSQL"],
-    image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200",
-    social: {
-      github: "https://github.com/sarahdrasana",
-      twitter: "https://twitter.com/sarahdrasana",
-      linkedin: "https://linkedin.com/in/sarahdrasana"
-    }
-  },
-  {
-    id: 3,
-    name: "Ahmad Zaky",
-    role: "Full Stack Developer",
-    company: "Freelancer",
-    location: "Bandar Lampung",
-    skills: ["JavaScript", "React", "Node.js", "MongoDB"],
-    image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200",
-    social: {
-      github: "https://github.com/ahmadzaky",
-      twitter: "https://twitter.com/ahmadzaky",
-      linkedin: "https://linkedin.com/in/ahmadzaky"
-    }
-  },
-  {
-    id: 4,
-    name: "Linda Putri",
-    role: "UI/UX Designer",
-    company: "Design Studio",
-    location: "Pringsewu",
-    skills: ["Figma", "Adobe XD", "UI Design", "UX Research"],
-    image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200",
-    social: {
-      github: "https://github.com/lindaputri",
-      twitter: "https://twitter.com/lindaputri",
-      linkedin: "https://linkedin.com/in/lindaputri"
-    }
-  }
-];
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { Card } from '@/components/ui/card';
+import {
+  Search,
+  Github,
+  Twitter,
+  Linkedin,
+  Users2,
+  Instagram,
+} from 'lucide-react';
+import { members } from '@/constants/members';
 
 export default function MembersPage() {
-  const [searchQuery, setSearchQuery] = useState("");
+  const [searchQuery, setSearchQuery] = useState('');
 
-  const filteredMembers = members.filter(member =>
-    member.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-    member.role.toLowerCase().includes(searchQuery.toLowerCase()) ||
-    member.location.toLowerCase().includes(searchQuery.toLowerCase()) ||
-    member.skills.some(skill => skill.toLowerCase().includes(searchQuery.toLowerCase()))
+  const filteredMembers = members.filter(
+    (member) =>
+      member.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      member.role.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      member.location.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      member.skills.some((skill) =>
+        skill.toLowerCase().includes(searchQuery.toLowerCase())
+      )
   );
 
   return (
@@ -81,7 +33,9 @@ export default function MembersPage() {
         {/* Header */}
         <div className="text-center mb-12">
           <h1 className="text-4xl font-bold mb-4">Anggota Komunitas</h1>
-          <p className="text-muted-foreground">Temukan dan terhubung dengan sesama developer di Lampung</p>
+          <p className="text-muted-foreground">
+            Temukan dan terhubung dengan sesama developer di Lampung
+          </p>
         </div>
 
         {/* Search */}
@@ -110,7 +64,9 @@ export default function MembersPage() {
                   <div>
                     <h3 className="text-lg font-semibold">{member.name}</h3>
                     <p className="text-primary">{member.role}</p>
-                    <p className="text-sm text-muted-foreground">{member.company}</p>
+                    <p className="text-sm text-muted-foreground">
+                      {member.company}
+                    </p>
                   </div>
                 </div>
                 <p className="text-sm text-muted-foreground mb-4">
@@ -130,20 +86,46 @@ export default function MembersPage() {
                 </div>
                 <div className="flex space-x-2">
                   <Button variant="ghost" size="icon" asChild>
-                    <a href={member.social.github} target="_blank" rel="noopener noreferrer">
+                    <a
+                      href={member.social.github}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
                       <Github className="h-4 w-4" />
                     </a>
                   </Button>
                   <Button variant="ghost" size="icon" asChild>
-                    <a href={member.social.twitter} target="_blank" rel="noopener noreferrer">
+                    <a
+                      href={member.social.twitter}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
                       <Twitter className="h-4 w-4" />
                     </a>
                   </Button>
                   <Button variant="ghost" size="icon" asChild>
-                    <a href={member.social.linkedin} target="_blank" rel="noopener noreferrer">
+                    <a
+                      href={member.social.linkedin}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
                       <Linkedin className="h-4 w-4" />
                     </a>
                   </Button>
+                  <Button
+                    variant="ghost"
+                    size="icon"
+                    asChild
+                    className="hover:text-accent-foreground/80"
+                  >
+                    <a
+                      href={member.social.instagram}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <Instagram className="h-5 w-5" />
+                    </a>
+                  </Button>
                 </div>
               </Card>
             ))}
@@ -156,13 +138,15 @@ export default function MembersPage() {
                 <Search className="h-12 w-12 absolute bottom-0 right-0 text-primary" />
               </div>
             </div>
-            <h3 className="text-2xl font-semibold mb-2">Tidak Ada Anggota Ditemukan</h3>
+            <h3 className="text-2xl font-semibold mb-2">
+              Tidak Ada Anggota Ditemukan
+            </h3>
             <p className="text-muted-foreground mb-8">
               Tidak ada anggota yang sesuai dengan kriteria pencarian Anda.
               {searchQuery && ` Coba cari dengan kata kunci yang berbeda.`}
             </p>
             {searchQuery && (
-              <Button onClick={() => setSearchQuery("")}>
+              <Button onClick={() => setSearchQuery('')}>
                 Reset Pencarian
               </Button>
             )}
@@ -171,4 +155,4 @@ export default function MembersPage() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/apps/web/components/footer.tsx b/apps/web/components/footer.tsx
index 5345160..a12241c 100644
--- a/apps/web/components/footer.tsx
+++ b/apps/web/components/footer.tsx
@@ -1,7 +1,8 @@
 import Link from 'next/link';
-import { Github, Twitter, Linkedin } from 'lucide-react';
+import { Github, Twitter, Linkedin, Instagram, Youtube } from 'lucide-react';
 import { FaTelegramPlane } from 'react-icons/fa';
 import { Button } from '@/components/ui/button';
+import Threads from '@/components/icons/threads';
 
 const Footer = () => {
   return (
@@ -11,8 +12,8 @@ const Footer = () => {
           <div className="md:col-span-4 space-y-4">
             <h3 className="text-2xl font-bold">LampungDevTech</h3>
             <p className="text-primary-foreground/80">
-              Komunitas developer teknologi di Lampung untuk berbagi pengetahuan,
-              pengalaman, dan kesempatan.
+              Komunitas developer teknologi di Lampung untuk berbagi
+              pengetahuan, pengalaman, dan kesempatan.
             </p>
             <div className="flex space-x-4">
               <Button variant="ghost" size="icon" asChild>
@@ -55,6 +56,48 @@ const Footer = () => {
                   <FaTelegramPlane className="h-5 w-5" />
                 </a>
               </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                asChild
+                className="hover:text-accent-foreground/80"
+              >
+                <a
+                  href="https://instagram.com/lampungdevtech"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Instagram className="h-5 w-5" />
+                </a>
+              </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                asChild
+                className="hover:text-accent-foreground/80"
+              >
+                <a
+                  href="https://www.threads.net/@lampungdevtech"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Threads className="h-5 w-5" />
+                </a>
+              </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                asChild
+                className="hover:text-accent-foreground/80"
+              >
+                <a
+                  href="https://www.youtube.com/@lampungdevtech"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Youtube className="h-5 w-5" />
+                </a>
+              </Button>
             </div>
             <p className="text-sm text-primary-foreground/80">
               © 2025 LampungDevTech. All rights reserved.
@@ -65,17 +108,26 @@ const Footer = () => {
             <h4 className="text-lg font-semibold mb-4">Komunitas</h4>
             <ul className="space-y-2">
               <li>
-                <Link href="/about" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/about"
+                  className="hover:text-primary-foreground/80"
+                >
                   Tentang Kami
                 </Link>
               </li>
               <li>
-                <Link href="/vision-mission" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/vision-mission"
+                  className="hover:text-primary-foreground/80"
+                >
                   Visi & Misi
                 </Link>
               </li>
               <li>
-                <Link href="/partners" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/partners"
+                  className="hover:text-primary-foreground/80"
+                >
                   Mitra Komunitas
                 </Link>
               </li>
@@ -96,12 +148,18 @@ const Footer = () => {
                 </Link>
               </li>
               <li>
-                <Link href="/showcase" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/showcase"
+                  className="hover:text-primary-foreground/80"
+                >
                   Showcase
                 </Link>
               </li>
               <li>
-                <Link href="/resources" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/resources"
+                  className="hover:text-primary-foreground/80"
+                >
                   Resources
                 </Link>
               </li>
@@ -112,17 +170,26 @@ const Footer = () => {
             <h4 className="text-lg font-semibold mb-4">Legal</h4>
             <ul className="space-y-2">
               <li>
-                <Link href="/code-of-conduct" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/code-of-conduct"
+                  className="hover:text-primary-foreground/80"
+                >
                   Kode Etik
                 </Link>
               </li>
               <li>
-                <Link href="/privacy" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/privacy"
+                  className="hover:text-primary-foreground/80"
+                >
                   Privasi
                 </Link>
               </li>
               <li>
-                <Link href="/terms" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/terms"
+                  className="hover:text-primary-foreground/80"
+                >
                   Ketentuan
                 </Link>
               </li>
@@ -133,7 +200,10 @@ const Footer = () => {
             <h4 className="text-lg font-semibold mb-4">Hubungi Kami</h4>
             <ul className="space-y-2">
               <li>
-                <Link href="/contact" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/contact"
+                  className="hover:text-primary-foreground/80"
+                >
                   Kontak
                 </Link>
               </li>
@@ -143,7 +213,10 @@ const Footer = () => {
                 </Link>
               </li>
               <li>
-                <Link href="/sponsor" className="hover:text-primary-foreground/80">
+                <Link
+                  href="/sponsor"
+                  className="hover:text-primary-foreground/80"
+                >
                   Sponsor
                 </Link>
               </li>
@@ -154,7 +227,7 @@ const Footer = () => {
         <div className="mt-12 pt-8 border-t border-primary-foreground/10">
           <p className="text-center text-primary-foreground/80">
             Situs web lampungdev.tech ini {` `}
-            <a 
+            <a
               href="https://github.com/lampungdevtech/lampungdevtech-platform"
               target="_blank"
               rel="noopener noreferrer"
diff --git a/apps/web/components/icons/threads.tsx b/apps/web/components/icons/threads.tsx
new file mode 100644
index 0000000..b03b4c4
--- /dev/null
+++ b/apps/web/components/icons/threads.tsx
@@ -0,0 +1,19 @@
+const Threads = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    role="img"
+    className="iconify iconify--simple-icons"
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098c1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015c-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164c1.43 1.783 3.631 2.698 6.54 2.717c2.623-.02 4.358-.631 5.8-2.045c1.647-1.613 1.618-3.593 1.09-4.798c-.31-.71-.873-1.3-1.634-1.75c-.192 1.352-.622 2.446-1.284 3.272c-.886 1.102-2.14 1.704-3.73 1.79c-1.202.065-2.361-.218-3.259-.801c-1.063-.689-1.685-1.74-1.752-2.964c-.065-1.19.408-2.285 1.33-3.082c.88-.76 2.119-1.207 3.583-1.291a14 14 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757c-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32l-1.757-1.18c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388q.163.07.321.142c1.49.7 2.58 1.761 3.154 3.07c.797 1.82.871 4.79-1.548 7.158c-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69q-.362 0-.739.021c-1.836.103-2.98.946-2.916 2.143c.067 1.256 1.452 1.839 2.784 1.767c1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221"
+    />
+  </svg>
+);
+
+export default Threads;
diff --git a/apps/web/components/pages/home.tsx b/apps/web/components/pages/home.tsx
index 4f1e061..46307e1 100644
--- a/apps/web/components/pages/home.tsx
+++ b/apps/web/components/pages/home.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
 
 import { useEffect } from 'react';
 import Link from 'next/link';
@@ -21,56 +21,66 @@ export function HomePage() {
     });
   }, []);
 
-  const upcomingEvents = events.filter(event => event.status === 'upcoming');
+  const upcomingEvents = events.filter((event) => event.status === 'upcoming');
   const previousEvents = events
-    .filter(event => event.status === 'past')
+    .filter((event) => event.status === 'past')
     .slice(0, 3);
 
   return (
     <div className="flex flex-col min-h-screen">
       {/* Hero Section */}
-      <section className="relative bg-gradient-to-r from-primary to-primary/80 text-primary-foreground py-20">
+      <section className="relative bg-gradient-to-r from-primary to-primary/80 text-primary-foreground py-12 md:py-20">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="text-center" data-aos="fade-up">
             <div className="flex items-center justify-center mb-6 group">
               <Image
                 src="/lampungdevtech-logo.svg"
                 alt="LampungDevTech Logo"
-                width={64}
-                height={64}
-                className="transform transition-transform duration-300 group-hover:rotate-12"
+                width={48}
+                height={48}
+                className="transform transition-transform duration-300 group-hover:rotate-12 md:w-16 md:h-16"
               />
-              <h1 className="text-4xl md:text-5xl font-bold ml-4 transform transition-transform duration-300 group-hover:scale-105">
+              <h1 className="text-3xl md:text-5xl font-bold ml-3 md:ml-4 transform transition-transform duration-300 group-hover:scale-105">
                 LampungDevTech
               </h1>
             </div>
-            <p className="text-xl md:text-2xl mb-2 max-w-3xl mx-auto">
-              Bergabunglah dengan komunitas developer teknologi terbesar di Lampung. Belajar, berbagi, dan berkembang bersama.
+            <p className="text-lg md:text-2xl mb-2 max-w-3xl mx-auto px-4">
+              Bergabunglah dengan komunitas developer teknologi terbesar di
+              Lampung. Belajar, berbagi, dan berkembang bersama.
             </p>
-            <p className="text-lg text-primary-foreground/80">#SangBumiRuwaJurai</p>
-            <p className="text-lg mb-8 text-primary-foreground/80">#TabikPun!</p>
-            <div className="flex justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
-              <Button 
+            <p className="text-base md:text-lg mb-8 text-primary-foreground/80">
+              #SangBumiRuwaJurai
+            </p>
+            <div
+              className="flex flex-col sm:flex-row justify-center gap-4 px-4"
+              data-aos="fade-up"
+              data-aos-delay="200"
+            >
+              <Button
                 size="icon"
-                className="bg-[#229ED9] hover:bg-[#1d8abf] text-white w-12 h-12 rounded-md transition-all duration-300 hover:scale-110 hover:rotate-12" 
+                className="bg-[#229ED9] hover:bg-[#1d8abf] text-white w-12 h-12 rounded-md transition-all duration-300 hover:scale-110 hover:rotate-12 mx-auto sm:mx-0"
                 asChild
               >
-                <a href="https://t.me/lampungdevtech" target="_blank" rel="noopener noreferrer">
+                <a
+                  href="https://t.me/lampungdevtech"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
                   <FaTelegramPlane className="h-6 w-6" />
                 </a>
               </Button>
-              <Button 
-                size="lg" 
-                variant="secondary" 
-                className="transition-all duration-300 hover:scale-105 hover:shadow-lg"
+              <Button
+                size="lg"
+                variant="secondary"
+                className="transition-all duration-300 hover:scale-105 hover:shadow-lg w-full sm:w-auto"
                 asChild
               >
                 <Link href="/login">Bergabung Sekarang</Link>
               </Button>
-              <Button 
-                size="lg" 
-                variant="outline" 
-                className="bg-transparent text-primary-foreground hover:bg-primary-foreground hover:text-primary border-primary-foreground transition-all duration-300 hover:scale-105 hover:shadow-lg" 
+              <Button
+                size="lg"
+                variant="outline"
+                className="bg-transparent text-primary-foreground hover:bg-primary-foreground hover:text-primary border-primary-foreground transition-all duration-300 hover:scale-105 hover:shadow-lg w-full sm:w-auto"
                 asChild
               >
                 <Link href="/about">Pelajari Lebih Lanjut</Link>
@@ -81,9 +91,12 @@ export function HomePage() {
       </section>
 
       {/* Community Image Section */}
-      <section className="py-16 bg-background">
+      <section className="py-12 md:py-16 bg-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="rounded-2xl overflow-hidden shadow-2xl" data-aos="zoom-in">
+          <div
+            className="rounded-2xl overflow-hidden shadow-2xl"
+            data-aos="zoom-in"
+          >
             <img
               src="/lampungdevtech-photo-collage.jpeg"
               alt="Komunitas Developer Lampung"
@@ -94,28 +107,34 @@ export function HomePage() {
       </section>
 
       {/* Features Section */}
-      <section className="py-20 bg-muted/50">
+      <section className="py-12 md:py-20 bg-muted/50">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8">
             <Card className="p-6" data-aos="fade-up" data-aos-delay="0">
               <Calendar className="h-12 w-12 mb-4 text-primary" />
               <h3 className="text-xl font-semibold mb-2">Acara Rutin</h3>
               <p className="text-muted-foreground">
-                Casual meetup, Work From Cafe (WFC) dan Tech Meetup rutin untuk meningkatkan soft skill dan hard skill Anda.
+                Casual meetup, Work From Cafe (WFC) dan Tech Meetup rutin untuk
+                meningkatkan soft skill dan hard skill Anda.
               </p>
             </Card>
             <Card className="p-6" data-aos="fade-up" data-aos-delay="100">
               <Users className="h-12 w-12 mb-4 text-primary" />
               <h3 className="text-xl font-semibold mb-2">Komunitas Aktif</h3>
               <p className="text-muted-foreground">
-                Bergabung dengan ratusan developer aktif di Lampung untuk networking dan kolaborasi.
+                Bergabung dengan ratusan developer aktif di Lampung untuk
+                networking dan kolaborasi.
               </p>
             </Card>
             <Card className="p-6" data-aos="fade-up" data-aos-delay="200">
               <Lightbulb className="h-12 w-12 mb-4 text-primary" />
-              <h3 className="text-xl font-semibold mb-2">Dapatkan Wawasan Berharga</h3>
+              <h3 className="text-xl font-semibold mb-2">
+                Dapatkan Wawasan Berharga
+              </h3>
               <p className="text-muted-foreground">
-                Pelajari langsung hard skill dan soft skill dari para profesional yang aktif di industri melalui sesi networking disemua event.
+                Pelajari langsung hard skill dan soft skill dari para
+                profesional yang aktif di industri melalui sesi networking
+                disemua event.
               </p>
             </Card>
           </div>
@@ -123,31 +142,37 @@ export function HomePage() {
       </section>
 
       {/* Upcoming Events Section */}
-      <section className="py-20">
+      <section className="py-12 md:py-20">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="text-center mb-12" data-aos="fade-up">
-            <h2 className="text-3xl font-bold mb-4">Acara Mendatang</h2>
-            <p className="text-muted-foreground">Jangan lewatkan acara-acara menarik dari komunitas kami</p>
+          <div className="text-center mb-8 md:mb-12" data-aos="fade-up">
+            <h2 className="text-2xl md:text-3xl font-bold mb-4">
+              Acara Mendatang
+            </h2>
+            <p className="text-muted-foreground">
+              Jangan lewatkan acara-acara menarik dari komunitas kami
+            </p>
           </div>
           {upcomingEvents.length > 0 ? (
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 mb-8 md:mb-12">
               {upcomingEvents.map((event, index) => (
                 <Link href={`/events/${event.slug}`} key={index}>
-                  <Card 
-                    className="overflow-hidden hover:shadow-lg transition-shadow"
+                  <Card
+                    className="overflow-hidden hover:shadow-lg transition-shadow h-full"
                     data-aos="fade-up"
                     data-aos-delay={index * 100}
                   >
-                    <div className="aspect-square relative">
+                    <div className="aspect-video sm:aspect-square relative">
                       <img
                         src={event.image}
                         alt={event.title}
                         className="w-full h-full object-cover"
                       />
                     </div>
-                    <div className="p-6">
-                      <h3 className="text-xl font-semibold mb-2">{event.title}</h3>
-                      <p className="text-muted-foreground mb-4">
+                    <div className="p-4 md:p-6">
+                      <h3 className="text-lg md:text-xl font-semibold mb-2">
+                        {event.title}
+                      </h3>
+                      <p className="text-muted-foreground mb-4 text-sm md:text-base">
                         {event.date} • {event.location}
                       </p>
                       <Button variant="default" className="w-full">
@@ -160,11 +185,17 @@ export function HomePage() {
               ))}
             </div>
           ) : (
-            <div className="flex flex-col items-center justify-center py-12" data-aos="fade-up">
-              <Calendar className="h-24 w-24 text-muted-foreground mb-6" />
-              <h3 className="text-2xl font-semibold mb-2">Belum Ada Acara Selanjutnya</h3>
-              <p className="text-muted-foreground text-center max-w-md mb-6">
-                Kami sedang menyiapkan acara-acara menarik untuk Anda. Pantau terus halaman ini untuk informasi terbaru.
+            <div
+              className="flex flex-col items-center justify-center py-12"
+              data-aos="fade-up"
+            >
+              <Calendar className="h-16 md:h-24 w-16 md:w-24 text-muted-foreground mb-6" />
+              <h3 className="text-xl md:text-2xl font-semibold mb-2">
+                Belum Ada Acara Selanjutnya
+              </h3>
+              <p className="text-muted-foreground text-center max-w-md mb-6 px-4">
+                Kami sedang menyiapkan acara-acara menarik untuk Anda. Pantau
+                terus halaman ini untuk informasi terbaru.
               </p>
               <Button variant="outline" asChild>
                 <Link href="/events">
@@ -174,42 +205,40 @@ export function HomePage() {
               </Button>
             </div>
           )}
-          <div className="text-center" data-aos="fade-up">
-            <Button size="lg" asChild>
-              <Link href="/events">
-                Lihat Lebih Banyak Acara
-                <ArrowRight className="ml-2 h-4 w-4" />
-              </Link>
-            </Button>
-          </div>
         </div>
       </section>
 
       {/* Previous Events Section */}
-      <section className="py-20 bg-muted/50">
+      <section className="py-12 md:py-20 bg-muted/50">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="text-center mb-12" data-aos="fade-up">
-            <h2 className="text-3xl font-bold mb-4">Acara Sebelumnya</h2>
-            <p className="text-muted-foreground">Lihat kembali acara-acara yang telah kami selenggarakan</p>
+          <div className="text-center mb-8 md:mb-12" data-aos="fade-up">
+            <h2 className="text-2xl md:text-3xl font-bold mb-4">
+              Acara Sebelumnya
+            </h2>
+            <p className="text-muted-foreground">
+              Lihat kembali acara-acara yang telah kami selenggarakan
+            </p>
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 mb-8 md:mb-12">
             {previousEvents.map((event, index) => (
               <Link href={`/events/${event.slug}`} key={index}>
-                <Card 
-                  className="overflow-hidden hover:shadow-lg transition-shadow"
+                <Card
+                  className="overflow-hidden hover:shadow-lg transition-shadow h-full"
                   data-aos="fade-up"
                   data-aos-delay={index * 100}
                 >
-                  <div className="aspect-square relative">
+                  <div className="aspect-video sm:aspect-square relative">
                     <img
                       src={event.image}
                       alt={event.title}
                       className="w-full h-full object-cover"
                     />
                   </div>
-                  <div className="p-6">
-                    <h3 className="text-xl font-semibold mb-2">{event.title}</h3>
-                    <p className="text-muted-foreground mb-4">
+                  <div className="p-4 md:p-6">
+                    <h3 className="text-lg md:text-xl font-semibold mb-2">
+                      {event.title}
+                    </h3>
+                    <p className="text-muted-foreground mb-4 text-sm md:text-base">
                       {event.date} • {event.location}
                     </p>
                     <Button variant="outline" className="w-full">
@@ -222,7 +251,7 @@ export function HomePage() {
             ))}
           </div>
           <div className="text-center" data-aos="fade-up">
-            <Button size="lg" asChild>
+            <Button size="lg" className="w-full sm:w-auto" asChild>
               <Link href="/events">
                 Lihat Lebih Banyak Acara
                 <ArrowRight className="ml-2 h-4 w-4" />
@@ -233,17 +262,21 @@ export function HomePage() {
       </section>
 
       {/* Testimonials Section */}
-      <section className="py-20">
+      <section className="py-12 md:py-20">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="text-center mb-12" data-aos="fade-up">
-            <h2 className="text-3xl font-bold mb-4">Apa Kata Mereka</h2>
-            <p className="text-muted-foreground">Testimoni dari anggota komunitas kami</p>
+          <div className="text-center mb-8 md:mb-12" data-aos="fade-up">
+            <h2 className="text-2xl md:text-3xl font-bold mb-4">
+              Apa Kata Mereka
+            </h2>
+            <p className="text-muted-foreground">
+              Testimoni dari anggota komunitas kami
+            </p>
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8">
             {testimonials.map((testimonial, index) => (
-              <Card 
-                key={index} 
-                className="p-6"
+              <Card
+                key={index}
+                className="p-4 md:p-6"
                 data-aos="fade-up"
                 data-aos-delay={index * 100}
               >
@@ -254,11 +287,17 @@ export function HomePage() {
                     className="w-12 h-12 rounded-full mr-4"
                   />
                   <div>
-                    <h4 className="font-semibold">{testimonial.name}</h4>
-                    <p className="text-sm text-muted-foreground">{testimonial.role}</p>
+                    <h4 className="font-semibold text-sm md:text-base">
+                      {testimonial.name}
+                    </h4>
+                    <p className="text-xs md:text-sm text-muted-foreground">
+                      {testimonial.role}
+                    </p>
                   </div>
                 </div>
-                <p className="text-muted-foreground">{testimonial.content}</p>
+                <p className="text-sm md:text-base text-muted-foreground">
+                  {testimonial.content}
+                </p>
               </Card>
             ))}
           </div>
@@ -266,13 +305,24 @@ export function HomePage() {
       </section>
 
       {/* CTA Section */}
-      <section className="py-20 bg-primary text-primary-foreground">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center" data-aos="fade-up">
-          <h2 className="text-3xl font-bold mb-4">Siap Bergabung?</h2>
-          <p className="text-xl mb-8 max-w-2xl mx-auto">
-            Jadilah bagian dari komunitas developer terbesar di Lampung dan kembangkan karirmu bersama kami.
+      <section className="py-12 md:py-20 bg-primary text-primary-foreground">
+        <div
+          className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"
+          data-aos="fade-up"
+        >
+          <h2 className="text-2xl md:text-3xl font-bold mb-4">
+            Siap Bergabung?
+          </h2>
+          <p className="text-lg md:text-xl mb-8 max-w-2xl mx-auto px-4">
+            Jadilah bagian dari komunitas developer terbesar di Lampung dan
+            kembangkan karirmu bersama kami.
           </p>
-          <Button size="lg" variant="secondary" asChild>
+          <Button
+            size="lg"
+            variant="secondary"
+            className="w-full sm:w-auto"
+            asChild
+          >
             <Link href="/login">Bergabung Sekarang</Link>
           </Button>
         </div>
diff --git a/apps/web/constants/members.ts b/apps/web/constants/members.ts
new file mode 100644
index 0000000..cc6c749
--- /dev/null
+++ b/apps/web/constants/members.ts
@@ -0,0 +1,62 @@
+export const members = [
+  {
+    id: 1,
+    name: "Muhammad Fari Madyan",
+    role: "Co Founder",
+    company: "Codeathome.id",
+    location: "Bandar Lampung",
+    skills: ["NextJS", "NodeJS", "No Code Tools"],
+    image: "https://media.licdn.com/dms/image/v2/D5603AQFMG8usVzX8uQ/profile-displayphoto-shrink_400_400/B56ZZCzRWnHoAk-/0/1744877459569?e=1750291200&v=beta&t=iwtCnivxa8YPEGEVFyyY3pu60CzHTutHZgskKyo9rWo",
+    social: {
+      github: "https://github.com/muhammadFariMadyan",
+      twitter: "https://x.com/FariMsenju",
+      linkedin: "https://linkedin.com/in/mfarim",
+      instagram: "https://instagram.com/mfarim_fw"
+    }
+  },
+  {
+    id: 2,
+    name: "Arief Adjie Wicaksono",
+    role: "PHP Laravel Developer",
+    company: "International Open University",
+    location: "Metro",
+    skills: ["Laravel", "PHP", "VueJS", "JavaScript"],
+    image: "https://media.licdn.com/dms/image/v2/C5603AQFqKNq4sQ_OCA/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1661396529815?e=1750291200&v=beta&t=JtTX3FyNeb0xnu1KUmCoVt0uThUTGr_De5n2qIB4_EY",
+    social: {
+      github: "https://github.com/ariefadjie",
+      twitter: "https://twitter.com/ariefadjie",
+      linkedin: "https://linkedin.com/in/ariefadjie",
+      instagram: "https://instagram.com/ariefadjie"
+    }
+  },
+  {
+    id: 3,
+    name: " Ahmad Rosid",
+    role: " Founding Engineer",
+    company: "Companio.ai",
+    location: "Metro",
+    skills: ["Laravel", "Svelte", "OpenAI"],
+    image: "https://media.licdn.com/dms/image/v2/D5603AQG0XY2piR4R1g/profile-displayphoto-shrink_400_400/B56ZQcNDccGQAk-/0/1735639972263?e=1750291200&v=beta&t=2PCYqnucIU_aMlHzZpWR1TBLie5JYU8GN5RoEhn8z_0",
+    social: {
+      github: "https://github.com/ahmadrosid",
+      twitter: "https://twitter.com/_ahmadrosid",
+      linkedin: "https://linkedin.com/in/ahmadrosid",
+      instagram: "https://instagram.com/ngooding.id"
+    }
+  },
+  {
+    id: 4,
+    name: "Willy Santori",
+    role: "Product Designer",
+    company: "Lingble",
+    location: "Bandar Lampung",
+    skills: ["Figma", "UI Design", "UX Research"],
+    image: "https://media.licdn.com/dms/image/v2/C5103AQHtH6TQ83vJ6w/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1580031764136?e=1751500800&v=beta&t=PazRr0Rd6NloM_rtJqIhJ8Hc9vhXxGx-l1hnP6n7cU4",
+    social: {
+      github: "https://github.com/WillySantori93",
+      twitter: "https://twitter.com/willysantori93",
+      linkedin: "https://linkedin.com/in/willy-santori",
+      instagram: "https://instagram.com/willy_santori"
+    }
+  }
+];
diff --git a/apps/web/constants/testimonials.ts b/apps/web/constants/testimonials.ts
index 3b4b272..efc4287 100644
--- a/apps/web/constants/testimonials.ts
+++ b/apps/web/constants/testimonials.ts
@@ -9,6 +9,6 @@ export const testimonials = [
     name: 'Ayu Anisa',
     role: 'Desainer Grafis dan Ilustrator Freelance',
     content: 'Kegiatan Tech Meetup nya seru banget jadi bisa ketemu dengan pekerja design grafis dan ilustrator lainnya serta developer teknologi juga, jadi bener-bener antusias karena jarang banget di Bandar Lampung ada komunitas seperti ini yang bermanfaat untuk semuanya.',
-    image: 'https://media.licdn.com/dms/image/v2/D5635AQFSErjdq1qtDw/profile-framedphoto-shrink_200_200/profile-framedphoto-shrink_200_200/0/1726658592366?e=1745899200&v=beta&t=uVWbBU6-QQ6_ypzAKBZZREOxMexm6zYfLGmomsXgaHw',
+    image: 'https://media.licdn.com/dms/image/v2/D5635AQFSErjdq1qtDw/profile-framedphoto-shrink_200_200/profile-framedphoto-shrink_200_200/0/1726658592366?e=1746784800&v=beta&t=6-2o5D5hjS5kLghhOxLxqNlvsbdPdxfG7-rVv_0BUdk',
   },
 ];