diff --git a/.Rhistory b/.Rhistory
new file mode 100644
index 0000000..e69de29
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..7d73efc
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+jasonlewin.com
\ No newline at end of file
diff --git a/CNAME.txt b/CNAME.txt
deleted file mode 100644
index 4017c86..0000000
--- a/CNAME.txt
+++ /dev/null
@@ -1 +0,0 @@
-jasonlewin.com
diff --git a/README.md b/README.md
deleted file mode 100644
index 2a7608b..0000000
--- a/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-# DataBot3000.github.io
-website repo for jasonlewin.com
diff --git a/css/.DS_Store b/css/.DS_Store
deleted file mode 100644
index 5008ddf..0000000
Binary files a/css/.DS_Store and /dev/null differ
diff --git a/css/scss-files.txt b/css/scss-files.txt
deleted file mode 100644
index 957bce7..0000000
--- a/css/scss-files.txt
+++ /dev/null
@@ -1 +0,0 @@
-The scss source files are available in the pro version.
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index 27603b4..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,592 +0,0 @@
-/*--------------------------------------------------------------
-# General
---------------------------------------------------------------*/
-body {
-  background: #402458;
-  color: #060606;
-  font-family: "Open Sans", sans-serif;
-}
-
-a {
-  color: #000000;
-  transition: 0.5s;
-}
-
-a:hover, a:active, a:focus {
-  color: #ffffff;
-  outline: none;
-  text-decoration: none;
-}
-
-p {
-  color: #000000;
-  padding: 0;
-  margin: 0 0 30px 0;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Montserrat", sans-serif;
-  font-weight: 400;
-  margin: 0 0 20px 0;
-  padding: 0;
-}
-
-/*--------------------------------------------------------------
-# Header
---------------------------------------------------------------*/
-
-#header {
-  padding: 30px 40;
-  height: 92px;
-  position: fixed;
-  left: 0;
-  top: 0;
-  right: 0;
-  transition: all 2s;
-  z-index: 997;
-}
-
-#header.header-scrolled {
-  background: rgba(0, 0, 0, 0.9);
-  padding: 20px 0;
-  height: 72px;
-}
-
-#header #logo {
-  color:white;
-  float: left;
-  padding: 20px;
-
-}
-
-@media (min-width: 1024px) {
-  #header #logo {
-    padding-left: 100px;
-  }
-}
-
-#header #logo h1 {
-  font-size: 34px;
-  margin: 0;
-  padding: 0;
-  line-height: 1;
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  letter-spacing: 3px;
-}
-
-#header #logo h1 a, #header #logo h1 a:hover {
-  color: #ffffff;
-  padding-left: 10px;
-  border-left: 4px solid #18d26e;
-}
-
-#header #logo img {
-  padding: 0;
-  margin: 0;
-}
-
-@media (max-width: 768px) {
-  #header #logo h1 {
-    font-size: 28px;
-  }
-  #header #logo img {
-    max-height: 40px;
-  }
-}
-
-
-/*--------------------------------------------------------------
-# Sections
---------------------------------------------------------------*/
-/* Sections Header
---------------------------------*/
-.section-header h3 {
-  font-size: 32px;
-  color: #ffffff;
-  text-transform: uppercase;
-  text-align: center;
-  font-weight: 700;
-  position: relative;
-  padding-bottom: 15px;
-
-}
-
-.section-header h3::before {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 120px;
-  height: 1px;
-  background: #ffffff;
-  bottom: 1px;
-  left: calc(50% - 60px);
-}
-
-.section-header h3::after {
-  content: '';
-  position: absolute;
-  display: block;
-  width: 40px;
-  height: 3px;
-  background: #18d253;
-  bottom: 0;
-  left: calc(50% - 20px);
-}
-
-.section-header p {
-  text-align: center;
-  padding-bottom: 30px;
-  color: #ffffff;
-}
-
-/* Section with background
---------------------------------*/
-.section-bg {
-  background: #000000;
-}
-
-/* Featured Services Section
---------------------------------*/
-/* #featured-services {
-  background: #000;
-}
-
-#featured-services .box {
-  padding: 30px 20px;
-}
-
-#featured-services .box-bg {
-  background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
-}
-
-#featured-services i {
-  color: #18d26e;
-  font-size: 48px;
-  display: inline-block;
-  line-height: 1;
-}
-
-#featured-services h4 {
-  font-weight: 400;
-  margin: 15px 0;
-  font-size: 18px;
-}
-
-#featured-services h4 a {
-  color: #fff;
-}
-
-#featured-services h4 a:hover {
-  color: #18d26e;
-}
-
-#featured-services p {
-  font-size: 14px;
-  line-height: 24px;
-  color: #fff;
-  margin-bottom: 0;
-} */
-
-/* About Us Section
---------------------------------*/
-#about {
-  background: #000000   /*url("../img/about-bg.jpg") center top no-repeat fixed*/;
-  background-size: cover;
-  padding: 150px 0 40px 0;
-  position: relative;
-}
-
-#about::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.92);
-  z-index: 0;
-}
-
-#about .container {
-  position: relative;
-  z-index: 0;
-}
-
-#about .about-col {
-  background: #e7e7e7;
-  border-radius: 0 0 4px 4px;
-  box-shadow: 0px 2px 12px rgba(126, 126, 126, 0.08);
-  margin-bottom: 20px;
-}
-
-#about .about-col .img {
-  position: relative;
-}
-
-#about .about-col .img img {
-  border-radius: 4px 4px 0 0;
-}
-
-#about .about-col .icon {
-  width: 64px;
-  height: 64px;
-  padding-top: 8px;
-  text-align: center;
-  position: absolute;
-  background-color: #18d26e;
-  border-radius: 50%;
-  text-align: center;
-  border: 4px solid #fff;
-  left: calc( 50% - 32px);
-  bottom: -30px;
-  transition: 0.3s;
-}
-
-#about .about-col i {
-  font-size: 36px;
-  line-height: 1;
-  color: #fff;
-  transition: 0.3s;
-}
-
-#about .about-col:hover .icon {
-  background-color: #fff;
-}
-
-#about .about-col:hover i {
-  color: #18d26e;
-}
-
-#about .about-col h2 {
-  color: #000;
-  text-align: center;
-  font-weight: 700;
-  font-size: 20px;
-  padding: 0;
-  margin: 40px 0 12px 0;
-}
-
-#about .about-col h2 a {
-  color: #000;
-}
-
-#about .about-col h2 a:hover {
-  color: #18d26e;
-}
-
-#about .about-col p {
-  font-size: 14px;
-  line-height: 24px;
-  color: #ffffff;
-  margin-bottom: 0;
-  padding: 0 20px 20px 20px;
-}
-
-/* Portfolio Section
---------------------------------*/
-#portfolio {
-  padding: 15px 0;
-}
-
-#portfolio #portfolio-flters {
-  padding: 0;
-  margin: 5px 0 35px 0;
-  list-style: none;
-  text-align: center;
-}
-
-#portfolio #portfolio-flters li {
-  cursor: pointer;
-  margin: 15px 15px 15px 0;
-  display: inline-block;
-  padding: 10px 20px;
-  font-size: 12px;
-  line-height: 20px;
-  color: #000000;
-  border-radius: 4px;
-  text-transform: uppercase;
-  background: #fff;
-  margin-bottom: 5px;
-  transition: all 0.3s ease-in-out;
-}
-
-#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
-  background: #18d26e;
-  color: #fff;
-}
-
-#portfolio #portfolio-flters li:last-child {
-  margin-right: 0;
-}
-
-#portfolio .portfolio-wrap {
-  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
-  transition: 0.3s;
-}
-
-#portfolio .portfolio-wrap:hover {
-  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
-}
-
-#portfolio .portfolio-item {
-  position: relative;
-  height: 360px;
-  overflow: hidden;
-}
-
-#portfolio .portfolio-item figure {
-  background: #000;
-  overflow: hidden;
-  height: 240px;
-  position: relative;
-  border-radius: 4px 4px 0 0;
-  margin: 0;
-}
-
-#portfolio .portfolio-item figure:hover img {
-  opacity: 0.4;
-  transition: 0.3s;
-}
-
-#portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {
-  position: absolute;
-  display: inline-block;
-  opacity: 0;
-  line-height: 1;
-  text-align: center;
-  width: 36px;
-  height: 36px;
-  background: #fff;
-  border-radius: 50%;
-  transition: 0.2s linear;
-}
-
-#portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {
-  padding-top: 6px;
-  font-size: 22px;
-  color: #333;
-}
-
-#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover {
-  background: #ffffff;
-}
-
-#portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i {
-  color: #fff;
-}
-
-#portfolio .portfolio-item figure .link-preview {
-  left: calc(50% - 38px);
-  top: calc(50% - 18px);
-}
-
-#portfolio .portfolio-item figure .link-details {
-  right: calc(50% - 38px);
-  top: calc(50% - 18px);
-}
-
-#portfolio .portfolio-item figure:hover .link-preview {
-  opacity: 1;
-  left: calc(50% - 44px);
-}
-
-#portfolio .portfolio-item figure:hover .link-details {
-  opacity: 1;
-  right: calc(50% - 44px);
-}
-
-#portfolio .portfolio-item .portfolio-info {
-  background: #fff;
-  text-align: center;
-  padding: 30px;
-  height: 90px;
-  border-radius: 0 0 3px 3px;
-}
-
-#portfolio .portfolio-item .portfolio-info h4 {
-  font-size: 18px;
-  line-height: 1px;
-  font-weight: 700;
-  margin-bottom: 18px;
-  padding-bottom: 0;
-}
-
-#portfolio .portfolio-item .portfolio-info h4 a {
-  color: #333;
-}
-
-#portfolio .portfolio-item .portfolio-info h4 a:hover {
-  color: #18d26e;
-}
-
-#portfolio .portfolio-item .portfolio-info p {
-  padding: 0;
-  margin: 0;
-  color: #b8b8b8;
-  font-weight: 500;
-  font-size: 14px;
-  text-transform: uppercase;
-}
-
-
-/*--------------------------------------------------------------
-# Footer
---------------------------------------------------------------*/
-#footer {
-  background: #000;
-  padding: 0 0 30px 0;
-  color: #eee;
-  font-size: 14px;
-}
-
-#footer .footer-top {
-  background: #000000;
-  padding: 60px 0 30px 0;
-}
-
-#footer .footer-top .footer-info {
-  margin-bottom: 30px;
-}
-
-#footer .footer-top .footer-info h3 {
-  font-size: 34px;
-  margin: 0 0 20px 0;
-  padding: 2px 0 2px 10px;
-  line-height: 1;
-  font-family: "Montserrat", sans-serif;
-  font-weight: 700;
-  letter-spacing: 3px;
-  border-left: 4px solid #18d26e;
-}
-
-#footer .footer-top .footer-info p {
-  font-size: 14px;
-  line-height: 24px;
-  margin-bottom: 0;
-  font-family: "Montserrat", sans-serif;
-  color: #eee;
-}
-
-#footer .footer-top .social-links a {
-  font-size: 18px;
-  display: inline-block;
-  background: #333;
-  color: #eee;
-  line-height: 1;
-  padding: 8px 0;
-  margin-right: 4px;
-  border-radius: 50%;
-  text-align: center;
-  width: 36px;
-  height: 36px;
-  transition: 0.3s;
-}
-
-#footer .footer-top .social-links a:hover {
-  background: #18d26e;
-  color: #fff;
-}
-
-#footer .footer-top h4 {
-  font-size: 14px;
-  font-weight: bold;
-  color: #fff;
-  text-transform: uppercase;
-  position: relative;
-  padding-bottom: 12px;
-}
-
-#footer .footer-top h4::before, #footer .footer-top h4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 2px;
-}
-
-#footer .footer-top h4::before {
-  right: 0;
-  background: #040404;
-}
-
-#footer .footer-top h4::after {
-  background: #18d26e;
-  width: 60px;
-}
-
-#footer .footer-top .footer-links {
-  margin-bottom: 30px;
-}
-
-#footer .footer-top .footer-links ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-#footer .footer-top .footer-links ul i {
-  padding-right: 8px;
-  color: #ddd;
-}
-
-#footer .footer-top .footer-links ul li {
-  border-bottom: 1px solid #000000;
-  padding: 10px 0;
-}
-
-#footer .footer-top .footer-links ul li:first-child {
-  padding-top: 0;
-}
-
-#footer .footer-top .footer-links ul a {
-  color: #eee;
-}
-
-#footer .footer-top .footer-links ul a:hover {
-  color: #18d26e;
-}
-
-#footer .footer-top .footer-contact {
-  margin-bottom: 30px;
-}
-
-#footer .footer-top .footer-contact p {
-  line-height: 26px;
-}
-
-#footer .footer-top .footer-newsletter {
-  margin-bottom: 30px;
-}
-
-#footer .footer-top .footer-newsletter input[type="email"] {
-  border: 0;
-  padding: 6px 8px;
-  width: 65%;
-}
-
-#footer .footer-top .footer-newsletter input[type="submit"] {
-  background: #18d26e;
-  border: 0;
-  width: 35%;
-  padding: 6px 0;
-  text-align: center;
-  color: #fff;
-  transition: 0.3s;
-  cursor: pointer;
-}
-
-#footer .footer-top .footer-newsletter input[type="submit"]:hover {
-  background: #13a456;
-}
-
-#footer .copyright {
-  text-align: center;
-  padding-top: 30px;
-}
-
-#footer .credits {
-  text-align: center;
-  font-size: 13px;
-  color: #ddd;
-}
diff --git a/food-truck.html b/food-truck.html
new file mode 100644
index 0000000..fe43d0e
--- /dev/null
+++ b/food-truck.html
@@ -0,0 +1,453 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wicked Grill Food Truck</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Crimson+Pro:wght@300;400;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg: #fafaf8;
+            --text: #1a1a1a;
+            --accent: #ff4400;
+            --border: #e0e0dc;
+            --card-bg: #ffffff;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Crimson Pro', serif;
+            background: var(--bg);
+            color: var(--text);
+            line-height: 1.6;
+        }
+
+        .container {
+            max-width: 1100px;
+            margin: 0 auto;
+            padding: 60px 32px;
+        }
+
+        header {
+            text-align: center;
+            margin-bottom: 80px;
+            opacity: 0;
+            animation: fadeIn 1s ease-out forwards;
+        }
+
+        @keyframes fadeIn {
+            to { opacity: 1; }
+        }
+
+        h1 {
+            font-family: 'DM Mono', monospace;
+            font-size: clamp(2.5rem, 6vw, 4rem);
+            font-weight: 300;
+            letter-spacing: -0.02em;
+            margin-bottom: 16px;
+        }
+
+        .tagline {
+            font-size: 1.2rem;
+            color: #666;
+            font-style: italic;
+            margin-bottom: 8px;
+        }
+
+        .back-link {
+            display: inline-block;
+            font-family: 'DM Mono', monospace;
+            font-size: 0.9rem;
+            color: var(--text);
+            text-decoration: none;
+            margin-top: 16px;
+            padding: 8px 0;
+            border-bottom: 1px solid transparent;
+            transition: all 0.3s ease;
+        }
+
+        .back-link:hover {
+            border-bottom-color: var(--accent);
+        }
+
+        .section {
+            margin-bottom: 80px;
+            opacity: 0;
+            animation: slideUp 0.8s ease-out forwards;
+            animation-delay: 0.2s;
+        }
+
+        @keyframes slideUp {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .section-title {
+            font-family: 'DM Mono', monospace;
+            font-size: 0.85rem;
+            text-transform: uppercase;
+            letter-spacing: 0.15em;
+            margin-bottom: 32px;
+            color: #999;
+            font-weight: 500;
+            text-align: center;
+        }
+
+        .schedule-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 24px;
+            margin-bottom: 40px;
+        }
+
+        .schedule-card {
+            background: var(--card-bg);
+            padding: 32px;
+            border: 1px solid var(--border);
+            transition: all 0.3s ease;
+        }
+
+        .schedule-card:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
+        }
+
+        .schedule-card h3 {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.1rem;
+            margin-bottom: 16px;
+            color: var(--accent);
+        }
+
+        .schedule-card p {
+            font-size: 1.05rem;
+            color: #555;
+            line-height: 1.8;
+        }
+
+        .menu-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 32px;
+        }
+
+        .menu-item {
+            background: var(--card-bg);
+            border: 1px solid var(--border);
+            padding: 24px;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .menu-item::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: var(--accent);
+            transform: scaleX(0);
+            transition: transform 0.3s ease;
+        }
+
+        .menu-item:hover::before {
+            transform: scaleX(1);
+        }
+
+        .menu-item:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
+        }
+
+        .menu-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: baseline;
+            margin-bottom: 12px;
+        }
+
+        .menu-name {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.15rem;
+            font-weight: 500;
+        }
+
+        .menu-price {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.3rem;
+            color: var(--accent);
+            font-weight: 500;
+        }
+
+        .menu-desc {
+            color: #555;
+            font-size: 1rem;
+            line-height: 1.7;
+            margin-bottom: 12px;
+        }
+
+        .menu-tag {
+            display: inline-block;
+            font-size: 0.8rem;
+            font-family: 'DM Mono', monospace;
+            color: var(--accent);
+            background: rgba(255, 68, 0, 0.1);
+            padding: 4px 12px;
+            border-radius: 2px;
+            margin-top: 8px;
+        }
+
+        .location-section {
+            background: var(--card-bg);
+            border: 1px solid var(--border);
+            padding: 48px;
+            text-align: center;
+        }
+
+        .location-section h2 {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.8rem;
+            margin-bottom: 24px;
+            font-weight: 400;
+        }
+
+        .location-section p {
+            font-size: 1.1rem;
+            color: #555;
+            line-height: 1.8;
+            margin-bottom: 24px;
+        }
+
+        .address-link {
+            display: inline-block;
+            font-family: 'DM Mono', monospace;
+            color: var(--accent);
+            text-decoration: none;
+            padding: 12px 24px;
+            border: 2px solid var(--accent);
+            transition: all 0.3s ease;
+            margin-top: 16px;
+        }
+
+        .address-link:hover {
+            background: var(--accent);
+            color: white;
+        }
+
+        .contact-info {
+            margin-top: 40px;
+            padding-top: 40px;
+            border-top: 1px solid var(--border);
+        }
+
+        .contact-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 32px;
+            text-align: left;
+        }
+
+        .contact-item h4 {
+            font-family: 'DM Mono', monospace;
+            font-size: 0.85rem;
+            text-transform: uppercase;
+            letter-spacing: 0.15em;
+            color: #999;
+            margin-bottom: 12px;
+        }
+
+        .contact-item p,
+        .contact-item a {
+            font-size: 1.05rem;
+            color: #555;
+            line-height: 1.7;
+        }
+
+        .contact-item a {
+            text-decoration: none;
+            color: var(--accent);
+            transition: opacity 0.3s ease;
+        }
+
+        .contact-item a:hover {
+            opacity: 0.7;
+        }
+
+        .highlights {
+            display: flex;
+            justify-content: center;
+            gap: 48px;
+            margin: 60px 0;
+            flex-wrap: wrap;
+        }
+
+        .highlight-item {
+            text-align: center;
+        }
+
+        .highlight-item h3 {
+            font-family: 'DM Mono', monospace;
+            font-size: 0.95rem;
+            color: var(--accent);
+            margin-bottom: 8px;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+        }
+
+        @media (max-width: 768px) {
+            .container {
+                padding: 40px 24px;
+            }
+
+            .menu-grid {
+                grid-template-columns: 1fr;
+            }
+
+            .highlights {
+                gap: 32px;
+            }
+
+            .location-section {
+                padding: 32px 24px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>Wicked Grill</h1>
+            <p class="tagline">Food Truck</p>
+            <a href="index.html" class="back-link">← Back to Portfolio</a>
+        </header>
+
+        <div class="highlights">
+            <div class="highlight-item">
+                <h3>Charcoal Grilled</h3>
+            </div>
+            <div class="highlight-item">
+                <h3>Fresh Ingredients</h3>
+            </div>
+            <div class="highlight-item">
+                <h3>Fresh Lemonade</h3>
+            </div>
+        </div>
+
+        <section class="section">
+            <h2 class="section-title">Schedule</h2>
+            <div class="schedule-grid">
+                <div class="schedule-card">
+                    <h3>Food Truck</h3>
+                    <p>
+                        <strong>Monday-Friday:</strong> Closed<br>
+                        <strong>Saturday:</strong> 9:00AM - 4:00PM<br>
+                        <strong>Sunday:</strong> 9:00AM - 4:00PM
+                    </p>
+                </div>
+                <div class="schedule-card">
+                    <h3>Catering</h3>
+                    <p>
+                        Please call to arrange catering for your next festival or event.
+                    </p>
+                </div>
+            </div>
+        </section>
+
+        <section class="section">
+            <h2 class="section-title">Menu</h2>
+            <div class="menu-grid">
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">Shish Kebab</span>
+                        <span class="menu-price">$3</span>
+                    </div>
+                    <p class="menu-desc">Bamboo skewers of fresh & delicious chicken or pork, seasoned with our secret blend of spices. Grilled over American charcoal and glazed with our special BBQ sauce.</p>
+                    <span class="menu-tag">Two for $5</span>
+                </div>
+
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">BBQ Pork Ribs</span>
+                        <span class="menu-price">$5</span>
+                    </div>
+                    <p class="menu-desc">A crowd favorite! Two ribs for $5 or $15/rack. Coated in a special blend of spices, then roasted low & slow for several hours. Add extra BBQ sauce or Carolina Sauce.</p>
+                    <span class="menu-tag">Chef Selection</span>
+                </div>
+
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">Roasted Corn</span>
+                        <span class="menu-price">$2</span>
+                    </div>
+                    <p class="menu-desc">Local farm fresh New Jersey corn, roasted over hot charcoals. Go classic with salt and butter, or try hot pepper and lime.</p>
+                    <span class="menu-tag">Seasonal</span>
+                </div>
+
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">Sausage, Pepper & Onion Sandwich</span>
+                        <span class="menu-price">$5</span>
+                    </div>
+                    <p class="menu-desc">Sweet or spicy Italian pork sausage served on a locally baked Italian sub roll with bell peppers and onions in our homemade red sauce.</p>
+                    <span class="menu-tag">Recommended</span>
+                </div>
+
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">Hot Dogs</span>
+                        <span class="menu-price">$2</span>
+                    </div>
+                    <p class="menu-desc">Grilled or water Sabrett hot dogs served on a locally baked bun. Load on your favorite toppings like relish, red onions, ketchup and mustard.</p>
+                </div>
+
+                <div class="menu-item">
+                    <div class="menu-header">
+                        <span class="menu-name">Lemonade</span>
+                        <span class="menu-price">$3</span>
+                    </div>
+                    <p class="menu-desc">Fresh lemonade made daily. Try our mango or strawberry flavors!</p>
+                    <span class="menu-tag">Fresh Daily</span>
+                </div>
+            </div>
+        </section>
+
+        <section class="section">
+            <div class="location-section">
+                <h2>Where You Can Find Us</h2>
+                <p>We are located just outside of the Englishtown Auction Flea Market, and open every Saturday and Sunday (weather permitting).</p>
+                <a href="https://goo.gl/maps/f5VEvC2Jc652" target="_blank" class="address-link">
+                    27 Sobechko Rd, Manalapan Township, NJ 07726
+                </a>
+
+                <div class="contact-info">
+                    <div class="contact-grid">
+                        <div class="contact-item">
+                            <h4>Address</h4>
+                            <p>27 Sobechko Rd<br>Manalapan Township, NJ 07726</p>
+                        </div>
+                        <div class="contact-item">
+                            <h4>Phone</h4>
+                            <p><a href="tel:+17179840218">(717) 984-0218</a></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</body>
+</html>
diff --git a/img/.DS_Store b/img/.DS_Store
deleted file mode 100644
index b6daa0f..0000000
Binary files a/img/.DS_Store and /dev/null differ
diff --git a/img/favicon.png b/img/favicon.png
deleted file mode 100644
index 016097b..0000000
Binary files a/img/favicon.png and /dev/null differ
diff --git a/img/favicon_custom.png b/img/favicon_custom.png
deleted file mode 100644
index 016097b..0000000
Binary files a/img/favicon_custom.png and /dev/null differ
diff --git a/index.html b/index.html
index f85fe10..7600f5d 100644
--- a/index.html
+++ b/index.html
@@ -1,137 +1,302 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Technology Enthusiast</title>
-  <meta content="width=device-width, initial-scale=1.0" name="viewport">
-  <meta content="" name="keywords">
-  <meta content="" name="description">
-
-  <!-- Bootstrap CSS File -->
-  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-
-  <!-- Libraries CSS Files -->
-  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-  <link href="lib/animate/animate.min.css" rel="stylesheet">
-  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
-  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
-  <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
-
-  <!-- Main Stylesheet File -->
-  <link href="css/style.css" rel="stylesheet">
-
-</head>
-
-<body>
-
-  <!--==========================
-    Header
-  ============================-->
-  <header id="header">
-    <div class="container-fluid">
-
-      <div id="logo" class="pull-left">
-        <h1>Jason Lewin</h1>
-      </div>
-    </div>
-  </header>
-
-  <main id="main">
-
-    <!--==========================
-      About Me Section
-    ============================-->
-    <section id="about">
-      <div class="container">
-        <div class="center-div">
-        <header class="section-header">
-          <h3>About Me</h3>
-          <p>Thank you for visiting my website! I appreciate you taking the time to learn about myself and my projects. I am an experienced data analyst by profession, with several interests in the arts as well as brazilian juijitsu.</header>
-        </div>
-      </div>
-      </section>
-    <!--==========================
-      Portfolio Section
-    ============================-->
-    <section id="portfolio"  class="section-bg" >
-      <div class="container">
-
-        <header class="section-header">
-          <h3 class="section-title">My Portfolio</h3>
-        </header>
-
-        <div class="row">
-          <div class="col-lg-12">
-            <ul id="portfolio-flters">
-              <li><a href="https://github.com/DataBot3000">Github</a></li>
-              <li>Masters</li>
-              <!--<li data-filter=".filter-card">Card</li>-->
-              <li><a href="https://shadowcon390.github.io/">Food Truck</a></li>
-            </ul>
-          </div>
-        </div>
-    </section>
-    <!-- #portfolio -->
-  </main>
-    <!--==========================
-      contact2 Section
-    ============================-->
-    <section id="portfolio"  class="section-bg" >
-      <div class="container">
-
-        <header class="section-header">
-          <h3 class="section-title">Contact</h3>
-        </header>
-
-        <div class="row">
-          <div class="col-lg-12">
-            <ul id="portfolio-flters">
-              <li><a href="https:linkedin.com/lewinjason">linkedin</a></li>
-              <li><a href="https://google.com/"> Resume </a></li>
-            </ul>
-          </div>
-        </div>
-    </section>
-    <!-- #portfolio -->
-
-
-  <!--==========================
-    Footer
-  ============================-->
-  <footer id="footer">
-    <div class="footer-top">
-      <div class="container">
-        <div class="row">
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="container">
-    </div>
-  </footer>
-
-  <!-- <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a> -->
-
-  <!-- JavaScript Libraries -->
-  <script src="lib/jquery/jquery.min.js"></script>
-  <script src="lib/jquery/jquery-migrate.min.js"></script>
-  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
-  <script src="lib/easing/easing.min.js"></script>
-  <script src="lib/superfish/hoverIntent.js"></script>
-  <script src="lib/superfish/superfish.min.js"></script>
-  <script src="lib/wow/wow.min.js"></script>
-  <script src="lib/waypoints/waypoints.min.js"></script>
-  <script src="lib/counterup/counterup.min.js"></script>
-  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
-  <script src="lib/isotope/isotope.pkgd.min.js"></script>
-  <script src="lib/lightbox/js/lightbox.min.js"></script>
-  <script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>
-  <!-- Contact Form JavaScript File -->
-  <script src="contactform/contactform.js"></script>
-
-  <!-- Template Main Javascript File -->
-  <script src="js/main.js"></script>
-
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jason Lewin — Data Engineer & Game Developer</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Crimson+Pro:wght@300;400&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg: #fafaf8;
+            --text: #1a1a1a;
+            --accent: #ff4400;
+            --border: #e0e0dc;
+            --hover: #ff6633;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Crimson Pro', serif;
+            background: var(--bg);
+            color: var(--text);
+            line-height: 1.6;
+            overflow-x: hidden;
+        }
+
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            padding: 80px 32px;
+        }
+
+        header {
+            margin-bottom: 120px;
+            opacity: 0;
+            animation: fadeIn 1s ease-out forwards;
+        }
+
+        @keyframes fadeIn {
+            to { opacity: 1; }
+        }
+
+        h1 {
+            font-family: 'DM Mono', monospace;
+            font-size: clamp(2.5rem, 8vw, 5rem);
+            font-weight: 300;
+            letter-spacing: -0.03em;
+            line-height: 0.95;
+            margin-bottom: 24px;
+            position: relative;
+        }
+
+        h1::after {
+            content: '';
+            position: absolute;
+            bottom: -12px;
+            left: 0;
+            width: 60px;
+            height: 2px;
+            background: var(--accent);
+        }
+
+        .subtitle {
+            font-family: 'DM Mono', monospace;
+            font-size: 0.95rem;
+            font-weight: 400;
+            color: #666;
+            margin-top: 32px;
+            letter-spacing: 0.02em;
+        }
+
+        .split-section {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 48px;
+            margin-bottom: 100px;
+            opacity: 0;
+            animation: slideUp 0.8s ease-out 0.3s forwards;
+        }
+
+        @keyframes slideUp {
+            from { 
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to { 
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .section-title {
+            font-family: 'DM Mono', monospace;
+            font-size: 0.85rem;
+            text-transform: uppercase;
+            letter-spacing: 0.15em;
+            margin-bottom: 24px;
+            color: #999;
+            font-weight: 500;
+        }
+
+        .work-item {
+            margin-bottom: 32px;
+            padding-bottom: 32px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        .work-item:last-child {
+            border-bottom: none;
+        }
+
+        .work-title {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.1rem;
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: var(--text);
+        }
+
+        .work-desc {
+            font-size: 1.05rem;
+            color: #555;
+            line-height: 1.7;
+        }
+
+        .link-block {
+            display: inline-block;
+            font-family: 'DM Mono', monospace;
+            font-size: 0.95rem;
+            color: var(--text);
+            text-decoration: none;
+            padding: 12px 0;
+            border-bottom: 2px solid transparent;
+            transition: all 0.3s ease;
+            position: relative;
+            margin-right: 24px;
+        }
+
+        .link-block::before {
+            content: '→';
+            position: absolute;
+            left: -20px;
+            opacity: 0;
+            transition: all 0.3s ease;
+        }
+
+        .link-block:hover {
+            border-bottom-color: var(--accent);
+            padding-left: 24px;
+        }
+
+        .link-block:hover::before {
+            opacity: 1;
+            left: 0;
+        }
+
+        .contact-links {
+            margin-top: 60px;
+            padding-top: 40px;
+            border-top: 1px solid var(--border);
+            opacity: 0;
+            animation: fadeIn 0.8s ease-out 0.6s forwards;
+        }
+
+        .game-grid {
+            display: grid;
+            gap: 24px;
+        }
+
+        .game-card {
+            padding: 20px 0;
+            border-bottom: 1px solid var(--border);
+            transition: all 0.3s ease;
+        }
+
+        .game-card:last-child {
+            border-bottom: none;
+        }
+
+        .game-card:hover .game-name {
+            color: var(--accent);
+            transform: translateX(4px);
+        }
+
+        .game-name {
+            font-family: 'DM Mono', monospace;
+            font-size: 1.05rem;
+            font-weight: 500;
+            margin-bottom: 6px;
+            transition: all 0.3s ease;
+        }
+
+        .game-tag {
+            font-size: 0.9rem;
+            color: #888;
+            font-style: italic;
+        }
+
+        @media (max-width: 768px) {
+            .split-section {
+                grid-template-columns: 1fr;
+                gap: 60px;
+            }
+
+            .container {
+                padding: 60px 24px;
+            }
+
+            header {
+                margin-bottom: 80px;
+            }
+        }
+
+        .bio {
+            font-size: 1.2rem;
+            line-height: 1.8;
+            color: #444;
+            margin-bottom: 60px;
+            opacity: 0;
+            animation: fadeIn 0.8s ease-out 0.2s forwards;
+        }
+
+        .noise {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            opacity: 0.03;
+            z-index: 9999;
+            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
+        }
+    </style>
+</head>
+<body>
+    <div class="noise"></div>
+    <div class="container">
+        <header>
+            <h1>Jason<br>Lewin</h1>
+            <p class="subtitle">Data Engineer × Game Developer</p>
+        </header>
+
+        <p class="bio">
+            I build data pipelines and craft interactive experiences. By day, I'm engineering scalable data solutions; by night, I'm creating games that explore new mechanics and narratives.
+        </p>
+
+        <div class="split-section">
+            <div>
+                <h2 class="section-title">Data Work</h2>
+                <div class="work-item">
+                    <div class="work-title">Data Engineering & Science</div>
+                    <p class="work-desc">Building robust data infrastructure, pipelines, and analytical models. Passionate about turning complex datasets into actionable insights.</p>
+                </div>
+                <div class="work-item">
+                    <div class="work-title">Analytics & Visualization</div>
+                    <p class="work-desc">Creating compelling data narratives through advanced analytics and clean, effective visualizations.</p>
+                </div>
+                <a href="https://docs.google.com/document/d/1R5y1mehsqPCETWkVqF612gMOOkVTED8ILuUpi5i0pek/edit?usp=sharing" class="link-block" target="_blank">Resume</a>
+            </div>
+
+            <div>
+                <h2 class="section-title">Game Development</h2>
+                <div class="work-item">
+                    <div class="work-title">Pixel HTML Games</div>
+                    <p class="work-desc">Specializing in browser-based pixel art games with experimental mechanics and engaging narratives.</p>
+                </div>
+                <div class="work-item">
+                    <div class="work-title">Game Jam Enthusist</div>
+                    <p class="work-desc">Exploring new gameplay ideas by frequently participating in competitive game jams.</p>
+                </div>
+                <a href="https://piratecatstudios.itch.io/" class="link-block" target="_blank">Explore Games</a>
+            </div>
+
+            <div>
+                <h2 class="section-title">Food Truck</h2>
+                <div class="work-item">
+                    <div class="work-title">Wicked Grill</div>
+                    <p class="work-desc">Charcoal-grilled BBQ, fresh ingredients, and homemade sauces. Operating weekends at Englishtown Auction Flea Market.</p>
+                </div>
+                <div class="work-item">
+                    <div class="work-title">Catering Available</div>
+                    <p class="work-desc">Bringing our BBQ pit-master skills to your next festival or event.</p>
+                </div>
+                <a href="food-truck.html" class="link-block">Menu & Hours</a>
+            </div>
+        </div>
+
+        <div class="contact-links">
+            <h2 class="section-title">Connect</h2>
+            <a href="https://linkedin.com/in/lewinjason" class="link-block" target="_blank">LinkedIn</a>
+            <a href="https://github.com/DataBot3000" class="link-block" target="_blank">GitHub</a>
+        </div>
+    </div>
+</body>
+</html>