Major Change 2

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "blobubo",
+  "name": "we3b",
   "homepage": "https://miodragstrak.github.io/we3b",
   "version": "0.1.0",
   "private": true,
@@ -8,8 +8,10 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^13.5.0",
+    "icons": "^1.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-icons": "^5.5.0",
     "react-router-dom": "^7.2.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"

src/App.js

@@ -4,6 +4,8 @@ import Header from "./components/Header";
 import HomePage from "./pages/HomePage";
 import ProjectsPage from "./pages/ProjectsPage";
 import Partners from "./pages/Partners";
+import About from "./pages/About";
+import Footer from "./components/Footer";
 import "./styles/global.css";
 
 function App() {
@@ -15,8 +17,10 @@ function App() {
           <Route path="/we3b" element={<HomePage />} />
           <Route path="/projects" element={<ProjectsPage />} />
           <Route path="/partners" element={<Partners />} />
+          <Route path="/about" element={<About />} />
         </Routes>
       </div>
+    <Footer />
     </>
   );
 }

src/assets/images.js

@@ -1,11 +1,27 @@
 import bbblogo from "./bbblogo.png";
 import lllogo from "./lllogo.png";
-import project1 from "./Nelutai.png";
+import project1 from "./Nelutai.jpg";
 import project2 from "./SDAI.png";
 import project3 from "./sea.png";
 import project4 from "./tesla.jpeg";
 import project5 from "./RTI.jpeg";
+import project6 from "./vidua.png";
+import project7 from "./passport.jpg";
+import project8 from "./near.png";
+import project9 from "./otethbg.jpg";
+import project10 from "./stdesci.png";
 import partner1 from "./LedgerLeopard.png";
+import partner2 from "./StayDirect.png";
+import partner3 from "./UNDP.png";
+import partner4 from "./ReSPA.png";
+import partner5 from "./stblkn.jpeg";
+import partner6 from "./nenadsky.webp";
+import partner7 from "./smartconnpn.png";
+import partner8 from "./primelab.png";
+import partner9 from "./NBG.png";
+import partner10 from "./zen_logo.png";
+import partner11 from "./kyramarios.png";
+import partner12 from "./StayRafa.png";
 
 export const images = {
   bbblogo,
@@ -15,5 +31,21 @@ export const images = {
   project3,
   project4,
   project5,
-  partner1
+  project6,
+  project7,
+  project8,
+  project9,
+  project10,
+  partner1,
+  partner2,
+  partner3,
+  partner4,
+  partner5,
+  partner6,
+  partner7,
+  partner8,
+  partner9,
+  partner10,
+  partner11,
+  partner12
 };

src/components/Awards.js

@@ -0,0 +1,45 @@
+import React from "react";
+import "../styles/awards.css";
+import rodc2024 from "../assets/rodc2024.jpg";
+import ethBelgrade2025 from "../assets/eth-belgrade-2025.jpeg";
+
+const awards = [
+  {
+    title: "1st Place - RODC 2024",
+    subtitle: "BlockBuildBor · Serbia",
+    description: "First place at RODC 2024 for the BlockBuildBor solution.",
+    image: rodc2024,
+  },
+  {
+    title: "3rd Place - ETH Belgrade 2025",
+    subtitle: "OriginTrail Track",
+    description:
+      "3rd place in the competitive OriginTrail track at ETH Belgrade 2025.",
+    image: ethBelgrade2025,
+  },
+];
+
+const Awards = () => {
+  return (
+    <section className="awards">
+      <h2>Awards & Recognition</h2>
+
+      <div className="awards-grid">
+        {awards.map((award, index) => (
+          <div key={index} className="award-card">
+            <img
+              src={award.image}
+              alt={award.title}
+              className="award-image"
+            />
+            <h3>{award.title}</h3>
+            <p className="award-subtitle">{award.subtitle}</p>
+            <p className="award-description">{award.description}</p>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+};
+
+export default Awards;

src/components/Footer.js

@@ -0,0 +1,53 @@
+import { FaLinkedin, FaGithub, FaTwitter } from "react-icons/fa";
+import "../styles/footer.css";
+
+const Footer = () => {
+  return (
+    <footer className="footer">
+      <div className="footer-inner">
+
+        {/* Social icons */}
+        <div className="footer-socials">
+          <a
+            href="https://www.linkedin.com/company/block-build-bor"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="LinkedIn"
+          >
+            <FaLinkedin />
+          </a>
+
+          <a
+            href="https://github.com/miodragstrak"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="GitHub"
+          >
+            <FaGithub />
+          </a>
+
+          <a
+            href="https://x.com/Materializeee"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Twitter"
+          >
+            <FaTwitter />
+          </a>
+        </div>
+
+        {/* Text */}
+        <p className="footer-copy">
+          © {new Date().getFullYear()} we3b. All rights reserved.
+        </p>
+
+        <p className="footer-sub">
+          AI • Blockchain • Decentralized Systems
+        </p>
+
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

src/components/Header.js

@@ -6,12 +6,15 @@ import { images } from "../assets/images";
 const Header = () => {
   return (
     <header className="header">
-      <div className="logo-container">
-        <img src={images.bbblogo} alt="Company Logo" className="logo" />
-        <img src={images.lllogo} alt="Company Logo" className="logo" />
+      <div className="header-inner">
+        <div className="branding">
+          <img src={images.bbblogo} alt="Block Build Bor" className="logo" />
+          <span className="company-name">Block Build Bor x Ledger Lemur</span>
+          <img src={images.lllogo} alt="Ledger Lemur" className="logo" />          
+        </div>
+
+        <Navbar />
       </div>
-        <h1 className="company-name">Block Build Bor x Ledger Lemur</h1>
-      <Navbar />
     </header>
   );
 };

src/components/Navbar.js

@@ -1,18 +1,15 @@
-import React from "react";
 import { Link } from "react-router-dom";
-import "../styles/navbar.css"; // Separate styling for navbar
+import "../styles/navbar.css";
 
 const Navbar = () => {
   return (
     <nav className="navbar">
-      <div className="nav-container">
-        <Link to="/we3b" className="nav-button">Home</Link>
-        <Link to="/projects" className="nav-button">Projects</Link>
-        <Link to="/partners" className="nav-button">Partners</Link>
-        <Link to="/about" className="nav-button">About</Link>
-      </div>
+          <Link to="/we3b">Home</Link>
+          <Link to="/projects">Projects</Link>
+          <Link to="/partners">Partners</Link>
+          <Link to="/about">About</Link>
     </nav>
   );
 };
 
-export default Navbar;
+export default Navbar;

src/components/NewsUpdates.js

@@ -0,0 +1,44 @@
+import React from "react";
+import "../styles/news-updates.css";
+
+const updates = [
+  {
+    title: "Giveaway: Win a Free AI Consultation",
+    source: "LinkedIn",
+    date: "Dec 2025",
+    url: "https://www.linkedin.com/feed/update/urn:li:activity:7408798397605875712",
+  },
+  {
+    title: "Materilize Project",
+    source: "LinkedIn",
+    date: "Nov 2025",
+    url: "https://www.linkedin.com/feed/update/urn:li:activity:7399523414840967169",
+  },
+];
+
+const NewsUpdates = () => {
+  return (
+    <section className="news-updates">
+      <h2>News & Updates</h2>
+
+      <ul className="updates-list">
+        {updates.map((item, index) => (
+          <li key={index} className="update-item">
+            <a
+              href={item.url}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <span className="update-title">{item.title}</span>
+              <span className="update-meta">
+                {item.source} · {item.date}
+              </span>
+            </a>
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+};
+
+export default NewsUpdates;