diff --git a/eslint.config.js b/eslint.config.js
index 82c2e20..79a552e 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,28 +1,28 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
+      "react-refresh/only-export-components": [
+        "warn",
         { allowConstantExport: true },
       ],
     },
-  }
+  },
 );
diff --git a/src/App.tsx b/src/App.tsx
index 34c09f6..1d2f5e7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,14 +1,14 @@
-import { Routes, Route } from 'react-router-dom';
-import { Suspense, lazy } from 'react';
-import Footer from './components/Footer';
-import LoadingSpinner from './components/LoadingSpinner';
-import Navigation from './components/Navigation';
+import { Routes, Route } from "react-router-dom";
+import { Suspense, lazy } from "react";
+import Footer from "./components/Footer";
+import LoadingSpinner from "./components/LoadingSpinner";
+import Navigation from "./components/Navigation";
 
-const Home = lazy(() => import('./pages/Home'));
-const ProjectPage = lazy(() => import('./pages/ProjectPage'));
-const BuilderPage = lazy(() => import('./pages/BuilderPage'));
-const SubmitProject = lazy(() => import('./pages/SubmitProject'));
-const Process = lazy(() => import('./pages/Process'));
+const Home = lazy(() => import("./pages/Home"));
+const ProjectPage = lazy(() => import("./pages/ProjectPage"));
+const BuilderPage = lazy(() => import("./pages/BuilderPage"));
+const SubmitProject = lazy(() => import("./pages/SubmitProject"));
+const Process = lazy(() => import("./pages/Process"));
 
 function App() {
   return (
@@ -30,4 +30,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/src/components/BuilderProfile.tsx b/src/components/BuilderProfile.tsx
index fb56dcc..8ef5376 100644
--- a/src/components/BuilderProfile.tsx
+++ b/src/components/BuilderProfile.tsx
@@ -1,6 +1,6 @@
-import { Github, Linkedin, Twitter } from 'lucide-react';
-import { Link } from 'react-router-dom';
-import { Builder } from '../data/builders';
+import { Github, Linkedin, Twitter } from "lucide-react";
+import { Link } from "react-router-dom";
+import { Builder } from "../data/builders";
 
 interface BuilderProfileProps extends Builder {}
 
@@ -11,57 +11,83 @@ export default function BuilderProfile({
   image,
   skills,
   projects,
-  social
+  social,
 }: BuilderProfileProps) {
   return (
     <div className="bg-gray-800/50 rounded-xl p-6 border border-gray-700/50 hover:border-yellow-500/50 transition-colors">
       <Link to={`/builder/${id}`} className="block mb-4">
         <div className="flex items-center gap-4">
-          <img src={image} alt={name} className="w-16 h-16 rounded-full object-cover" />
+          <img
+            src={image}
+            alt={name}
+            className="w-16 h-16 rounded-full object-cover"
+          />
           <div>
             <h3 className="text-xl font-semibold text-white">{name}</h3>
             <p className="text-gray-400">{role}</p>
           </div>
         </div>
       </Link>
-      
+
       <div className="mb-4">
         <h4 className="text-sm font-semibold text-gray-300 mb-2">Skills</h4>
         <div className="flex flex-wrap gap-2">
           {skills.map((skill) => (
-            <span key={skill} className="px-2 py-1 bg-gray-700/50 rounded-full text-xs text-gray-300">
+            <span
+              key={skill}
+              className="px-2 py-1 bg-gray-700/50 rounded-full text-xs text-gray-300"
+            >
               {skill}
             </span>
           ))}
         </div>
       </div>
-      
+
       <div className="mb-4">
-        <h4 className="text-sm font-semibold text-gray-300 mb-2">Notable Projects</h4>
+        <h4 className="text-sm font-semibold text-gray-300 mb-2">
+          Notable Projects
+        </h4>
         <ul className="text-sm text-gray-400">
           {projects.map((project) => (
-            <li key={project} className="mb-1">• {project}</li>
+            <li key={project} className="mb-1">
+              • {project}
+            </li>
           ))}
         </ul>
       </div>
-      
+
       <div className="flex gap-3">
         {social.github && (
-          <a href={social.github} target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white transition-colors">
+          <a
+            href={social.github}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-gray-400 hover:text-white transition-colors"
+          >
             <Github size={20} />
           </a>
         )}
         {social.linkedin && (
-          <a href={social.linkedin} target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white transition-colors">
+          <a
+            href={social.linkedin}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-gray-400 hover:text-white transition-colors"
+          >
             <Linkedin size={20} />
           </a>
         )}
         {social.twitter && (
-          <a href={social.twitter} target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white transition-colors">
+          <a
+            href={social.twitter}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-gray-400 hover:text-white transition-colors"
+          >
             <Twitter size={20} />
           </a>
         )}
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Builders.tsx b/src/components/Builders.tsx
index a2b8772..bf66461 100644
--- a/src/components/Builders.tsx
+++ b/src/components/Builders.tsx
@@ -1,6 +1,6 @@
-import { useRef, useEffect } from 'react';
-import BuilderProfile from './BuilderProfile';
-import { BUILDERS } from '../data/builders';
+import { useRef, useEffect } from "react";
+import BuilderProfile from "./BuilderProfile";
+import { BUILDERS } from "../data/builders";
 
 export default function Builders() {
   const buildersRef = useRef<HTMLDivElement>(null);
@@ -11,18 +11,18 @@ export default function Builders() {
         (entries) => {
           entries.forEach((entry) => {
             if (entry.isIntersecting) {
-              entry.target.classList.add('opacity-100', 'translate-y-0');
-              entry.target.classList.remove('opacity-0', 'translate-y-4');
+              entry.target.classList.add("opacity-100", "translate-y-0");
+              entry.target.classList.remove("opacity-0", "translate-y-4");
             }
           });
         },
         {
           threshold: 0.1,
-          rootMargin: '50px',
-        }
+          rootMargin: "50px",
+        },
       );
 
-      const cards = buildersRef.current.querySelectorAll('.builder-card');
+      const cards = buildersRef.current.querySelectorAll(".builder-card");
       cards.forEach((card) => observer.observe(card));
 
       return () => observer.disconnect();
@@ -32,10 +32,17 @@ export default function Builders() {
   return (
     <section className="bg-gray-900 py-24">
       <div className="container mx-auto px-6">
-        <h2 className="text-4xl font-bold text-white mb-4">Meet Our Builders</h2>
-        <p className="text-gray-400 mb-12">Expert developers and designers ready to build your MVP</p>
-        
-        <div ref={buildersRef} className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <h2 className="text-4xl font-bold text-white mb-4">
+          Meet Our Builders
+        </h2>
+        <p className="text-gray-400 mb-12">
+          Expert developers and designers ready to build your MVP
+        </p>
+
+        <div
+          ref={buildersRef}
+          className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
+        >
           {BUILDERS.map((builder) => (
             <div
               key={builder.id}
@@ -48,4 +55,4 @@ export default function Builders() {
       </div>
     </section>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 223749a..87f4c75 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,5 +1,5 @@
-import { Github } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Github } from "lucide-react";
+import { Link } from "react-router-dom";
 
 export default function Footer() {
   const currentYear = new Date().getFullYear();
@@ -25,15 +25,23 @@ export default function Footer() {
           </div>
 
           <div>
-            <h3 className="text-lg font-semibold text-white mb-4">Quick Links</h3>
+            <h3 className="text-lg font-semibold text-white mb-4">
+              Quick Links
+            </h3>
             <ul className="space-y-2">
               <li>
-                <Link to="/submit" className="text-gray-400 hover:text-white transition-colors">
+                <Link
+                  to="/submit"
+                  className="text-gray-400 hover:text-white transition-colors"
+                >
                   Submit Project
                 </Link>
               </li>
               <li>
-                <Link to="/process" className="text-gray-400 hover:text-white transition-colors">
+                <Link
+                  to="/process"
+                  className="text-gray-400 hover:text-white transition-colors"
+                >
                   Our Process
                 </Link>
               </li>
@@ -60,12 +68,18 @@ export default function Footer() {
             <h3 className="text-lg font-semibold text-white mb-4">Contact</h3>
             <ul className="space-y-2">
               <li>
-                <a href="mailto:hire@nearbuilders.org" className="text-gray-400 hover:text-white transition-colors">
-                hire@nearbuilders.org
+                <a
+                  href="mailto:hire@nearbuilders.org"
+                  className="text-gray-400 hover:text-white transition-colors"
+                >
+                  hire@nearbuilders.org
                 </a>
               </li>
               <li>
-                <a href="https://nearbuilders.com/tg-builders" className="text-gray-400 hover:text-white transition-colors">
+                <a
+                  href="https://nearbuilders.com/tg-builders"
+                  className="text-gray-400 hover:text-white transition-colors"
+                >
                   Telegram Community
                 </a>
               </li>
@@ -78,10 +92,16 @@ export default function Footer() {
             © {currentYear} Build DAO. All rights reserved.
           </p>
           <div className="flex gap-6 mt-4 md:mt-0">
-            <a href="#" className="text-gray-400 hover:text-white text-sm transition-colors">
+            <a
+              href="#"
+              className="text-gray-400 hover:text-white text-sm transition-colors"
+            >
               Privacy Policy
             </a>
-            <a href="#" className="text-gray-400 hover:text-white text-sm transition-colors">
+            <a
+              href="#"
+              className="text-gray-400 hover:text-white text-sm transition-colors"
+            >
               Terms of Service
             </a>
           </div>
@@ -89,4 +109,4 @@ export default function Footer() {
       </div>
     </footer>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 134323b..740af5a 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -1,27 +1,31 @@
-import { ArrowRight, HardHat } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { ArrowRight, HardHat } from "lucide-react";
+import { Link } from "react-router-dom";
 
 export default function Hero() {
   return (
     <div className="relative min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 overflow-hidden">
       {/* Grid Background */}
       <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTkuNSA2MGgtNTlWMWg1OXoiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjEpIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=')] opacity-20" />
-      
+
       <div className="relative container mx-auto px-6 pt-32 pb-24">
         <div className="flex flex-col items-center text-center">
           <div className="mb-8">
             <HardHat size={64} className="text-yellow-400 animate-bounce" />
           </div>
-          
+
           <h1 className="text-5xl md:text-7xl font-bold text-white mb-6">
             Build Your MVP
-            <span className="bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500 text-transparent bg-clip-text"> Fast & Right</span>
+            <span className="bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500 text-transparent bg-clip-text">
+              {" "}
+              Fast & Right
+            </span>
           </h1>
-          
+
           <p className="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl">
-            Join the decentralized builder community turning ideas into production-ready MVPs in weeks, not months.
+            Join the decentralized builder community turning ideas into
+            production-ready MVPs in weeks, not months.
           </p>
-          
+
           <div className="flex flex-col sm:flex-row gap-4">
             <Link
               to="/submit"
@@ -36,7 +40,7 @@ export default function Hero() {
               View Our Process
             </Link>
           </div>
-          
+
           <div className="mt-16 px-4 py-2 bg-white/5 rounded-full text-sm text-gray-400">
             Trusted by 100+ founders • Average MVP delivery: 3 days
           </div>
@@ -44,4 +48,4 @@ export default function Hero() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/LoadingSpinner.tsx b/src/components/LoadingSpinner.tsx
index accfddf..7660f97 100644
--- a/src/components/LoadingSpinner.tsx
+++ b/src/components/LoadingSpinner.tsx
@@ -4,4 +4,4 @@ export default function LoadingSpinner() {
       <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-yellow-400"></div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 2c2ad11..db3cc63 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -1,5 +1,5 @@
-import { Link } from 'react-router-dom';
-import { HardHat } from 'lucide-react';
+import { Link } from "react-router-dom";
+import { HardHat } from "lucide-react";
 
 export default function Navigation() {
   return (
@@ -10,9 +10,12 @@ export default function Navigation() {
             <HardHat size={32} className="text-yellow-400" />
             <span className="text-xl font-bold text-white">Build DAO</span>
           </Link>
-          
+
           <div className="flex items-center gap-8">
-            <Link to="/process" className="text-gray-300 hover:text-white transition-colors">
+            <Link
+              to="/process"
+              className="text-gray-300 hover:text-white transition-colors"
+            >
               Our Process
             </Link>
             <Link
@@ -26,4 +29,4 @@ export default function Navigation() {
       </div>
     </nav>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
index dc92075..2ca04a6 100644
--- a/src/components/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -1,6 +1,6 @@
-import { Clock } from 'lucide-react';
-import { Link } from 'react-router-dom';
-import { Project } from '../data/projects';
+import { Clock } from "lucide-react";
+import { Link } from "react-router-dom";
+import { Project } from "../data/projects";
 
 interface ProjectCardProps extends Project {}
 
@@ -17,24 +17,27 @@ export default function ProjectCard({
     <Link to={`/project/${id}`} className="block">
       <div className="bg-gray-800/50 rounded-xl overflow-hidden backdrop-blur-sm border border-gray-700/50 hover:border-yellow-500/50 transition-colors">
         <img src={image} alt={title} className="w-full h-48 object-cover" />
-        
+
         <div className="p-6">
           <h3 className="text-xl font-semibold text-white mb-2">{title}</h3>
           <p className="text-gray-400 mb-4">{description}</p>
-          
+
           <div className="flex items-center gap-2 mb-4">
             <Clock size={16} className="text-gray-500" />
             <span className="text-sm text-gray-400">{timeframe}</span>
           </div>
-          
+
           <div className="flex flex-wrap gap-2 mb-6">
             {technologies.map((tech) => (
-              <span key={tech} className="px-3 py-1 bg-gray-700/50 rounded-full text-sm text-gray-300">
+              <span
+                key={tech}
+                className="px-3 py-1 bg-gray-700/50 rounded-full text-sm text-gray-300"
+              >
                 {tech}
               </span>
             ))}
           </div>
-          
+
           {testimonial && (
             <blockquote className="border-l-2 border-yellow-500 pl-4 mt-4">
               <p className="text-gray-400 italic mb-2">{testimonial.text}</p>
@@ -47,4 +50,4 @@ export default function ProjectCard({
       </div>
     </Link>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
index f6b2ad1..2928020 100644
--- a/src/components/Projects.tsx
+++ b/src/components/Projects.tsx
@@ -1,6 +1,6 @@
-import { useRef, useEffect } from 'react';
-import ProjectCard from './ProjectCard';
-import { PROJECTS } from '../data/projects';
+import { useRef, useEffect } from "react";
+import ProjectCard from "./ProjectCard";
+import { PROJECTS } from "../data/projects";
 
 export default function Projects() {
   const projectsRef = useRef<HTMLDivElement>(null);
@@ -11,18 +11,18 @@ export default function Projects() {
         (entries) => {
           entries.forEach((entry) => {
             if (entry.isIntersecting) {
-              entry.target.classList.add('opacity-100', 'translate-y-0');
-              entry.target.classList.remove('opacity-0', 'translate-y-4');
+              entry.target.classList.add("opacity-100", "translate-y-0");
+              entry.target.classList.remove("opacity-0", "translate-y-4");
             }
           });
         },
         {
           threshold: 0.1,
-          rootMargin: '50px',
-        }
+          rootMargin: "50px",
+        },
       );
 
-      const cards = projectsRef.current.querySelectorAll('.project-card');
+      const cards = projectsRef.current.querySelectorAll(".project-card");
       cards.forEach((card) => observer.observe(card));
 
       return () => observer.disconnect();
@@ -32,10 +32,17 @@ export default function Projects() {
   return (
     <section className="bg-gray-900 py-24">
       <div className="container mx-auto px-6">
-        <h2 className="text-4xl font-bold text-white mb-4">Featured Projects</h2>
-        <p className="text-gray-400 mb-12">Discover some of our recent MVP success stories</p>
-        
-        <div ref={projectsRef} className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <h2 className="text-4xl font-bold text-white mb-4">
+          Featured Projects
+        </h2>
+        <p className="text-gray-400 mb-12">
+          Discover some of our recent MVP success stories
+        </p>
+
+        <div
+          ref={projectsRef}
+          className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
+        >
           {PROJECTS.map((project) => (
             <div
               key={project.id}
@@ -48,4 +55,4 @@ export default function Projects() {
       </div>
     </section>
   );
-}
\ No newline at end of file
+}
diff --git a/src/data/builders.ts b/src/data/builders.ts
index b3ba72b..336d2a1 100644
--- a/src/data/builders.ts
+++ b/src/data/builders.ts
@@ -26,19 +26,19 @@ export const BUILDERS: Builder[] = [
     social: {
       github: "https://github.com",
       linkedin: "https://linkedin.com",
-      twitter: "https://twitter.com"
+      twitter: "https://twitter.com",
     },
     bio: "Full stack developer with 8+ years of experience in web3 technologies and distributed systems.",
     experience: [
       "Led development of multiple DeFi protocols",
       "Contributed to major open-source blockchain projects",
-      "Developed high-performance trading systems"
+      "Developed high-performance trading systems",
     ],
     achievements: [
       "ETHGlobal hackathon winner",
       "Published research on smart contract optimization",
-      "Core contributor to popular DeFi protocols"
-    ]
+      "Core contributor to popular DeFi protocols",
+    ],
   },
   {
     id: "elena-chen",
@@ -49,19 +49,19 @@ export const BUILDERS: Builder[] = [
     projects: ["DAO Governance", "DeFi Protocol"],
     social: {
       github: "https://github.com",
-      linkedin: "https://linkedin.com"
+      linkedin: "https://linkedin.com",
     },
     bio: "Smart contract engineer specializing in DeFi protocols and security auditing.",
     experience: [
       "Security auditor for major DeFi protocols",
       "Developed innovative yield farming strategies",
-      "Created secure multi-sig wallet implementations"
+      "Created secure multi-sig wallet implementations",
     ],
     achievements: [
       "Found and patched critical vulnerabilities",
       "Developed industry-standard security patterns",
-      "Regular speaker at blockchain conferences"
-    ]
+      "Regular speaker at blockchain conferences",
+    ],
   },
   {
     id: "marcus-johnson",
@@ -72,18 +72,18 @@ export const BUILDERS: Builder[] = [
     projects: ["Crypto Wallet UI", "NFT Gallery"],
     social: {
       twitter: "https://twitter.com",
-      linkedin: "https://linkedin.com"
+      linkedin: "https://linkedin.com",
     },
     bio: "Product designer focused on creating intuitive and engaging web3 experiences.",
     experience: [
       "Designed interfaces for popular crypto wallets",
       "Created comprehensive design systems",
-      "Led user research for DeFi applications"
+      "Led user research for DeFi applications",
     ],
     achievements: [
       "Best Design Award at Web3 Summit",
       "Published case studies on web3 UX",
-      "Mentor for blockchain design programs"
-    ]
-  }
-];
\ No newline at end of file
+      "Mentor for blockchain design programs",
+    ],
+  },
+];
diff --git a/src/data/projects.ts b/src/data/projects.ts
index 7b2fbea..b7a3dae 100644
--- a/src/data/projects.ts
+++ b/src/data/projects.ts
@@ -20,78 +20,84 @@ export const PROJECTS: Project[] = [
   {
     id: "defi-trading-platform",
     title: "DeFi Trading Platform",
-    description: "A decentralized exchange with advanced trading features and real-time analytics.",
+    description:
+      "A decentralized exchange with advanced trading features and real-time analytics.",
     image: "https://images.unsplash.com/photo-1642790106117-e829e14a795f",
     technologies: ["React", "Solidity", "Web3.js"],
     timeframe: "4 weeks",
     testimonial: {
       text: "Build DAO delivered our MVP ahead of schedule with exceptional quality.",
       author: "Sarah Chen",
-      role: "Founder, TradeFi"
+      role: "Founder, TradeFi",
     },
-    fullDescription: "A comprehensive DeFi trading platform that enables users to trade cryptocurrencies, provide liquidity, and earn rewards through yield farming.",
+    fullDescription:
+      "A comprehensive DeFi trading platform that enables users to trade cryptocurrencies, provide liquidity, and earn rewards through yield farming.",
     challenges: [
       "Complex smart contract architecture",
       "Real-time price updates across multiple chains",
-      "Gas optimization for trading operations"
+      "Gas optimization for trading operations",
     ],
     solutions: [
       "Implemented modular smart contract design",
       "Built custom WebSocket infrastructure",
-      "Optimized contract calls using batch transactions"
+      "Optimized contract calls using batch transactions",
     ],
     results: [
       "50,000+ transactions processed",
       "Average gas savings of 40%",
-      "$2M+ in trading volume within first month"
-    ]
+      "$2M+ in trading volume within first month",
+    ],
   },
   {
     id: "nft-marketplace",
     title: "NFT Marketplace",
-    description: "Custom NFT marketplace with social features and creator tools.",
+    description:
+      "Custom NFT marketplace with social features and creator tools.",
     image: "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e",
     technologies: ["Next.js", "IPFS", "ethers.js"],
     timeframe: "3 weeks",
-    fullDescription: "A feature-rich NFT marketplace that allows creators to mint, trade, and showcase their digital assets with integrated social features.",
+    fullDescription:
+      "A feature-rich NFT marketplace that allows creators to mint, trade, and showcase their digital assets with integrated social features.",
     challenges: [
       "Efficient metadata storage",
       "Cross-chain NFT transfers",
-      "Social feature integration"
+      "Social feature integration",
     ],
     solutions: [
       "IPFS integration for decentralized storage",
       "Built bridge contracts for cross-chain transfers",
-      "Implemented activity feed microservices"
+      "Implemented activity feed microservices",
     ],
     results: [
       "1,000+ NFTs minted",
       "Active community of 5,000+ users",
-      "Featured in major crypto publications"
-    ]
+      "Featured in major crypto publications",
+    ],
   },
   {
     id: "dao-governance",
     title: "DAO Governance Platform",
-    description: "Streamlined governance platform for DAOs with proposal creation and voting.",
+    description:
+      "Streamlined governance platform for DAOs with proposal creation and voting.",
     image: "https://images.unsplash.com/photo-1639762681485-074b7f938ba0",
     technologies: ["Vue.js", "Graph Protocol", "TypeScript"],
     timeframe: "5 weeks",
-    fullDescription: "A comprehensive DAO governance platform enabling decentralized decision-making through proposal creation, voting, and execution.",
+    fullDescription:
+      "A comprehensive DAO governance platform enabling decentralized decision-making through proposal creation, voting, and execution.",
     challenges: [
       "Complex voting mechanisms",
       "On-chain governance implementation",
-      "User experience simplification"
+      "User experience simplification",
     ],
     solutions: [
       "Implemented quadratic voting system",
       "Created modular governance contracts",
-      "Designed intuitive proposal creation flow"
+      "Designed intuitive proposal creation flow",
     ],
     results: [
       "20+ DAOs onboarded",
       "100+ proposals executed",
-      "95% user satisfaction rate"
-    ]
-  }
-];
\ No newline at end of file
+      "95% user satisfaction rate",
+    ],
+  },
+];
diff --git a/src/main.tsx b/src/main.tsx
index 85ae037..b3c2e37 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,13 +1,13 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import { BrowserRouter } from 'react-router-dom';
-import App from './App';
-import './index.css';
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import App from "./App";
+import "./index.css";
 
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <BrowserRouter>
       <App />
     </BrowserRouter>
-  </StrictMode>
-);
\ No newline at end of file
+  </StrictMode>,
+);
diff --git a/src/pages/BuilderPage.tsx b/src/pages/BuilderPage.tsx
index cd034ea..895be8d 100644
--- a/src/pages/BuilderPage.tsx
+++ b/src/pages/BuilderPage.tsx
@@ -1,10 +1,17 @@
-import { useParams, Link } from 'react-router-dom';
-import { ArrowLeft, Award, Briefcase, Github, Linkedin, Twitter } from 'lucide-react';
-import { BUILDERS } from '../data/builders';
+import { useParams, Link } from "react-router-dom";
+import {
+  ArrowLeft,
+  Award,
+  Briefcase,
+  Github,
+  Linkedin,
+  Twitter,
+} from "lucide-react";
+import { BUILDERS } from "../data/builders";
 
 export default function BuilderPage() {
   const { id } = useParams();
-  const builder = BUILDERS.find(b => b.id === id);
+  const builder = BUILDERS.find((b) => b.id === id);
 
   if (!builder) {
     return (
@@ -22,7 +29,10 @@ export default function BuilderPage() {
   return (
     <div className="min-h-screen bg-gray-900 text-white py-16">
       <div className="container mx-auto px-6">
-        <Link to="/" className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8">
+        <Link
+          to="/"
+          className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8"
+        >
           <ArrowLeft className="mr-2" size={20} />
           Back to Builders
         </Link>
@@ -30,23 +40,38 @@ export default function BuilderPage() {
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-12">
           <div className="lg:col-span-1">
             <div className="bg-gray-800/50 p-8 rounded-xl">
-              <img src={builder.image} alt={builder.name} className="w-48 h-48 rounded-full mx-auto mb-6 object-cover" />
-              <h1 className="text-3xl font-bold text-center mb-2">{builder.name}</h1>
+              <img
+                src={builder.image}
+                alt={builder.name}
+                className="w-48 h-48 rounded-full mx-auto mb-6 object-cover"
+              />
+              <h1 className="text-3xl font-bold text-center mb-2">
+                {builder.name}
+              </h1>
               <p className="text-yellow-400 text-center mb-6">{builder.role}</p>
 
               <div className="flex justify-center gap-4 mb-8">
                 {builder.social.github && (
-                  <a href={builder.social.github} className="text-gray-400 hover:text-white transition-colors">
+                  <a
+                    href={builder.social.github}
+                    className="text-gray-400 hover:text-white transition-colors"
+                  >
                     <Github size={24} />
                   </a>
                 )}
                 {builder.social.linkedin && (
-                  <a href={builder.social.linkedin} className="text-gray-400 hover:text-white transition-colors">
+                  <a
+                    href={builder.social.linkedin}
+                    className="text-gray-400 hover:text-white transition-colors"
+                  >
                     <Linkedin size={24} />
                   </a>
                 )}
                 {builder.social.twitter && (
-                  <a href={builder.social.twitter} className="text-gray-400 hover:text-white transition-colors">
+                  <a
+                    href={builder.social.twitter}
+                    className="text-gray-400 hover:text-white transition-colors"
+                  >
                     <Twitter size={24} />
                   </a>
                 )}
@@ -54,7 +79,10 @@ export default function BuilderPage() {
 
               <div className="flex flex-wrap gap-2">
                 {builder.skills.map((skill) => (
-                  <span key={skill} className="px-3 py-1 bg-gray-700/50 rounded-full text-sm text-gray-300">
+                  <span
+                    key={skill}
+                    className="px-3 py-1 bg-gray-700/50 rounded-full text-sm text-gray-300"
+                  >
                     {skill}
                   </span>
                 ))}
@@ -78,7 +106,9 @@ export default function BuilderPage() {
                 </div>
                 <ul className="space-y-3">
                   {builder.experience.map((exp, index) => (
-                    <li key={index} className="text-gray-300">• {exp}</li>
+                    <li key={index} className="text-gray-300">
+                      • {exp}
+                    </li>
                   ))}
                 </ul>
               </div>
@@ -92,7 +122,9 @@ export default function BuilderPage() {
                 </div>
                 <ul className="space-y-3">
                   {builder.achievements.map((achievement, index) => (
-                    <li key={index} className="text-gray-300">• {achievement}</li>
+                    <li key={index} className="text-gray-300">
+                      • {achievement}
+                    </li>
                   ))}
                 </ul>
               </div>
@@ -102,4 +134,4 @@ export default function BuilderPage() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 83ee30f..8ff0d12 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import Hero from '../components/Hero';
+import Hero from "../components/Hero";
 // import Projects from '../components/Projects';
 // import Builders from '../components/Builders';
 
@@ -10,4 +10,4 @@ export default function Home() {
       <Builders /> */}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/Process.tsx b/src/pages/Process.tsx
index f7bcb23..b0cffd4 100644
--- a/src/pages/Process.tsx
+++ b/src/pages/Process.tsx
@@ -1,50 +1,67 @@
-import { ArrowLeft, Code, Cpu, FileSearch, Rocket, Settings, Users } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import {
+  ArrowLeft,
+  Code,
+  Cpu,
+  FileSearch,
+  Rocket,
+  Settings,
+  Users,
+} from "lucide-react";
+import { Link } from "react-router-dom";
 
 const steps = [
   {
     icon: FileSearch,
     title: "Requirements Analysis",
-    description: "We work closely with you to understand your project needs, goals, and technical requirements.",
-    duration: "2-3 days"
+    description:
+      "We work closely with you to understand your project needs, goals, and technical requirements.",
+    duration: "2-3 days",
   },
   {
     icon: Users,
     title: "Team Assembly",
-    description: "We assign the perfect team of developers and designers based on your project's needs.",
-    duration: "1 day"
+    description:
+      "We assign the perfect team of developers and designers based on your project's needs.",
+    duration: "1 day",
   },
   {
     icon: Settings,
     title: "Architecture Design",
-    description: "Our team designs a scalable architecture that meets your current and future needs.",
-    duration: "2-3 days"
+    description:
+      "Our team designs a scalable architecture that meets your current and future needs.",
+    duration: "2-3 days",
   },
   {
     icon: Code,
     title: "Development Sprint",
-    description: "Rapid development with daily updates and weekly demos to ensure we're on track.",
-    duration: "2-3 weeks"
+    description:
+      "Rapid development with daily updates and weekly demos to ensure we're on track.",
+    duration: "2-3 weeks",
   },
   {
     icon: Cpu,
     title: "Testing & QA",
-    description: "Rigorous testing to ensure your MVP is production-ready and bug-free.",
-    duration: "2-3 days"
+    description:
+      "Rigorous testing to ensure your MVP is production-ready and bug-free.",
+    duration: "2-3 days",
   },
   {
     icon: Rocket,
     title: "Deployment",
-    description: "We handle the deployment and provide documentation for your team.",
-    duration: "1-2 days"
-  }
+    description:
+      "We handle the deployment and provide documentation for your team.",
+    duration: "1-2 days",
+  },
 ];
 
 export default function Process() {
   return (
     <div className="min-h-screen bg-gray-900 text-white py-16">
       <div className="container mx-auto px-6">
-        <Link to="/" className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8">
+        <Link
+          to="/"
+          className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8"
+        >
           <ArrowLeft className="mr-2" size={20} />
           Back to Home
         </Link>
@@ -52,8 +69,9 @@ export default function Process() {
         <div className="max-w-4xl mx-auto">
           <h1 className="text-4xl font-bold mb-4">Our Build Process</h1>
           <p className="text-gray-300 text-lg mb-12">
-            We've streamlined our development process to deliver high-quality MVPs in weeks, not months.
-            Here's how we turn your idea into reality.
+            We've streamlined our development process to deliver high-quality
+            MVPs in weeks, not months. Here's how we turn your idea into
+            reality.
           </p>
 
           <div className="space-y-8">
@@ -78,9 +96,12 @@ export default function Process() {
           </div>
 
           <div className="mt-12 bg-gradient-to-r from-yellow-400/10 to-orange-500/10 p-8 rounded-xl">
-            <h2 className="text-2xl font-semibold mb-4">Ready to Start Building?</h2>
+            <h2 className="text-2xl font-semibold mb-4">
+              Ready to Start Building?
+            </h2>
             <p className="text-gray-300 mb-6">
-              Our process is designed to get your MVP to market as quickly as possible while maintaining the highest quality standards.
+              Our process is designed to get your MVP to market as quickly as
+              possible while maintaining the highest quality standards.
             </p>
             <Link
               to="/submit"
@@ -93,4 +114,4 @@ export default function Process() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/ProjectPage.tsx b/src/pages/ProjectPage.tsx
index b7ba694..41b5b3e 100644
--- a/src/pages/ProjectPage.tsx
+++ b/src/pages/ProjectPage.tsx
@@ -1,10 +1,10 @@
-import { useParams, Link } from 'react-router-dom';
-import { ArrowLeft, Clock, Trophy, Lightbulb, Target } from 'lucide-react';
-import { PROJECTS } from '../data/projects';
+import { useParams, Link } from "react-router-dom";
+import { ArrowLeft, Clock, Trophy, Lightbulb, Target } from "lucide-react";
+import { PROJECTS } from "../data/projects";
 
 export default function ProjectPage() {
   const { id } = useParams();
-  const project = PROJECTS.find(p => p.id === id);
+  const project = PROJECTS.find((p) => p.id === id);
 
   if (!project) {
     return (
@@ -22,19 +22,28 @@ export default function ProjectPage() {
   return (
     <div className="min-h-screen bg-gray-900 text-white py-16">
       <div className="container mx-auto px-6">
-        <Link to="/" className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8">
+        <Link
+          to="/"
+          className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8"
+        >
           <ArrowLeft className="mr-2" size={20} />
           Back to Projects
         </Link>
 
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
           <div>
-            <img src={project.image} alt={project.title} className="w-full h-96 object-cover rounded-xl" />
+            <img
+              src={project.image}
+              alt={project.title}
+              className="w-full h-96 object-cover rounded-xl"
+            />
           </div>
 
           <div>
             <h1 className="text-4xl font-bold mb-4">{project.title}</h1>
-            <p className="text-gray-300 text-lg mb-6">{project.fullDescription || project.description}</p>
+            <p className="text-gray-300 text-lg mb-6">
+              {project.fullDescription || project.description}
+            </p>
 
             <div className="flex items-center gap-2 mb-6">
               <Clock size={20} className="text-yellow-400" />
@@ -43,7 +52,10 @@ export default function ProjectPage() {
 
             <div className="flex flex-wrap gap-2 mb-8">
               {project.technologies.map((tech) => (
-                <span key={tech} className="px-4 py-2 bg-gray-800 rounded-full text-sm text-gray-300">
+                <span
+                  key={tech}
+                  className="px-4 py-2 bg-gray-800 rounded-full text-sm text-gray-300"
+                >
                   {tech}
                 </span>
               ))}
@@ -51,7 +63,9 @@ export default function ProjectPage() {
 
             {project.testimonial && (
               <blockquote className="border-l-4 border-yellow-400 pl-6 mb-8">
-                <p className="text-lg italic text-gray-300 mb-2">"{project.testimonial.text}"</p>
+                <p className="text-lg italic text-gray-300 mb-2">
+                  "{project.testimonial.text}"
+                </p>
                 <footer className="text-gray-400">
                   {project.testimonial.author} • {project.testimonial.role}
                 </footer>
@@ -69,7 +83,9 @@ export default function ProjectPage() {
               </div>
               <ul className="space-y-2">
                 {project.challenges.map((challenge, index) => (
-                  <li key={index} className="text-gray-300">• {challenge}</li>
+                  <li key={index} className="text-gray-300">
+                    • {challenge}
+                  </li>
                 ))}
               </ul>
             </div>
@@ -83,7 +99,9 @@ export default function ProjectPage() {
               </div>
               <ul className="space-y-2">
                 {project.solutions.map((solution, index) => (
-                  <li key={index} className="text-gray-300">• {solution}</li>
+                  <li key={index} className="text-gray-300">
+                    • {solution}
+                  </li>
                 ))}
               </ul>
             </div>
@@ -97,7 +115,9 @@ export default function ProjectPage() {
               </div>
               <ul className="space-y-2">
                 {project.results.map((result, index) => (
-                  <li key={index} className="text-gray-300">• {result}</li>
+                  <li key={index} className="text-gray-300">
+                    • {result}
+                  </li>
                 ))}
               </ul>
             </div>
@@ -106,4 +126,4 @@ export default function ProjectPage() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/SubmitProject.tsx b/src/pages/SubmitProject.tsx
index 0d1f549..3492bc4 100644
--- a/src/pages/SubmitProject.tsx
+++ b/src/pages/SubmitProject.tsx
@@ -1,11 +1,14 @@
-import { ArrowLeft, CheckCircle, Clock, Rocket } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { ArrowLeft, CheckCircle, Clock, Rocket } from "lucide-react";
+import { Link } from "react-router-dom";
 
 export default function SubmitProject() {
   return (
     <div className="min-h-screen bg-gray-900 text-white py-16">
       <div className="container mx-auto px-6">
-        <Link to="/" className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8">
+        <Link
+          to="/"
+          className="inline-flex items-center text-yellow-400 hover:text-yellow-300 mb-8"
+        >
           <ArrowLeft className="mr-2" size={20} />
           Back to Home
         </Link>
@@ -14,12 +17,15 @@ export default function SubmitProject() {
           <div>
             <h1 className="text-4xl font-bold mb-6">Submit Your Project</h1>
             <p className="text-gray-300 text-lg mb-8">
-              Ready to turn your idea into reality? Fill out the form below and our team will get back to you within 24 hours.
+              Ready to turn your idea into reality? Fill out the form below and
+              our team will get back to you within 24 hours.
             </p>
 
             <form className="space-y-6">
               <div>
-                <label className="block text-sm font-medium text-gray-300 mb-2">Project Name</label>
+                <label className="block text-sm font-medium text-gray-300 mb-2">
+                  Project Name
+                </label>
                 <input
                   type="text"
                   className="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-yellow-400 text-white"
@@ -28,7 +34,9 @@ export default function SubmitProject() {
               </div>
 
               <div>
-                <label className="block text-sm font-medium text-gray-300 mb-2">Project Description</label>
+                <label className="block text-sm font-medium text-gray-300 mb-2">
+                  Project Description
+                </label>
                 <textarea
                   rows={4}
                   className="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-yellow-400 text-white"
@@ -37,7 +45,9 @@ export default function SubmitProject() {
               </div>
 
               <div>
-                <label className="block text-sm font-medium text-gray-300 mb-2">Timeline</label>
+                <label className="block text-sm font-medium text-gray-300 mb-2">
+                  Timeline
+                </label>
                 <select className="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-yellow-400 text-white">
                   <option value="">Select desired timeline</option>
                   <option value="2-weeks">2 weeks</option>
@@ -48,7 +58,9 @@ export default function SubmitProject() {
               </div>
 
               <div>
-                <label className="block text-sm font-medium text-gray-300 mb-2">Contact Email</label>
+                <label className="block text-sm font-medium text-gray-300 mb-2">
+                  Contact Email
+                </label>
                 <input
                   type="email"
                   className="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-yellow-400 text-white"
@@ -67,42 +79,65 @@ export default function SubmitProject() {
 
           <div className="space-y-8">
             <div className="bg-gray-800/50 p-8 rounded-xl">
-              <h2 className="text-2xl font-semibold mb-6">Why Choose Build DAO?</h2>
+              <h2 className="text-2xl font-semibold mb-6">
+                Why Choose Build DAO?
+              </h2>
               <div className="space-y-6">
                 <div className="flex gap-4">
                   <Clock className="text-yellow-400 flex-shrink-0" size={24} />
                   <div>
                     <h3 className="font-semibold mb-2">Fast Turnaround</h3>
-                    <p className="text-gray-300">Most MVPs are delivered within 2-4 weeks</p>
+                    <p className="text-gray-300">
+                      Most MVPs are delivered within 2-4 weeks
+                    </p>
                   </div>
                 </div>
                 <div className="flex gap-4">
-                  <CheckCircle className="text-yellow-400 flex-shrink-0" size={24} />
+                  <CheckCircle
+                    className="text-yellow-400 flex-shrink-0"
+                    size={24}
+                  />
                   <div>
                     <h3 className="font-semibold mb-2">Quality Guaranteed</h3>
-                    <p className="text-gray-300">Built by experienced developers with proven track records</p>
+                    <p className="text-gray-300">
+                      Built by experienced developers with proven track records
+                    </p>
                   </div>
                 </div>
                 <div className="flex gap-4">
                   <Rocket className="text-yellow-400 flex-shrink-0" size={24} />
                   <div>
                     <h3 className="font-semibold mb-2">Launch Ready</h3>
-                    <p className="text-gray-300">Production-ready code with deployment support</p>
+                    <p className="text-gray-300">
+                      Production-ready code with deployment support
+                    </p>
                   </div>
                 </div>
               </div>
             </div>
 
             <div className="bg-gray-800/50 p-8 rounded-xl">
-              <h2 className="text-2xl font-semibold mb-4">Recent Success Stories</h2>
+              <h2 className="text-2xl font-semibold mb-4">
+                Recent Success Stories
+              </h2>
               <div className="space-y-4">
                 <blockquote className="border-l-2 border-yellow-400 pl-4">
-                  <p className="text-gray-300 italic mb-2">"Build DAO delivered our DeFi platform in just 3 weeks. Exceptional quality and communication."</p>
-                  <footer className="text-sm text-gray-400">- Alex K., DeFi Startup Founder</footer>
+                  <p className="text-gray-300 italic mb-2">
+                    "Build DAO delivered our DeFi platform in just 3 weeks.
+                    Exceptional quality and communication."
+                  </p>
+                  <footer className="text-sm text-gray-400">
+                    - Alex K., DeFi Startup Founder
+                  </footer>
                 </blockquote>
                 <blockquote className="border-l-2 border-yellow-400 pl-4">
-                  <p className="text-gray-300 italic mb-2">"The team's expertise in web3 helped us launch faster than expected. Highly recommended!"</p>
-                  <footer className="text-sm text-gray-400">- Sarah M., NFT Marketplace Creator</footer>
+                  <p className="text-gray-300 italic mb-2">
+                    "The team's expertise in web3 helped us launch faster than
+                    expected. Highly recommended!"
+                  </p>
+                  <footer className="text-sm text-gray-400">
+                    - Sarah M., NFT Marketplace Creator
+                  </footer>
                 </blockquote>
               </div>
             </div>
@@ -111,4 +146,4 @@ export default function SubmitProject() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 8c0ec37..614c86b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {},
   },
   plugins: [],
-};
\ No newline at end of file
+};
diff --git a/vite.config.ts b/vite.config.ts
index 147380a..acf5769 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,10 +1,10 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   optimizeDeps: {
-    exclude: ['lucide-react'],
+    exclude: ["lucide-react"],
   },
 });