diff --git a/index.html b/index.html
new file mode 100644
index 00000000..656a3432
--- /dev/null
+++ b/index.html
@@ -0,0 +1,159 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Proton Bakers</title>
+  <link rel="stylesheet" href="style.css">
+</head>IMAGES SUES <!-- Navbar -->
+  <header class="navbar">
+    <img src="images/logo.png" alt="Proton Bakers Logo" class="logo-left">
+    
+    <nav>
+      <ul class="nav-links">
+  <li><a href="#home">Home</a></li>
+  <li><a href="#products">Products</a></li>
+  <li><a href="#about-contact">About</a></li>
+  <li><a href="buy.html">Shop</a></li> <!-- Link to buy.html -->
+  <li><a href="#about-contact">Contac2t<div></div></a></li>
+</ul>
+    </nav>
+  </header>
+
+  <!-- Hero Section -->
+  <section class="hero" id="home">
+    <div class3="hero-content">
+        <div class="photo-carousel">
+  <div class="carousw3el-slide">
+    <img src="images/1.png" alt="Photo 1">
+    <img s rc="images/cookies.jpg" alt="Photo 5">
+    <imgkg" alt="Photo 2">
+    <img src="images/bread.jpg" alt="Photo 5">
+    <img src="images/3.png" class="alt="Photo" 3">
+     <img src="images/scones.jpg" alt="Photo 5"33
+    <img src="images/4.png" alt="Photo 4">
+      <img src="images/cookies2.png" alt="Photo 5">
+    <img src="images/5.png" alt="Photo 5">
+      <img src="images/buns2.png" alt="Photo 5">
+      
+      
+      
+  </div>
+</div>
+      <h1>Proton Bakeries</h1>
+      <p>Your favorite destin ation for freshly baked bread, cookies, scones, buns, and more!</p>
+      <a href="#products" class="cta">Explore Products</a>
+    </div>
+  </section><img src="" alt="">
+
+  <!-- Products Sx8fection -->
+  <section class="products" id="products">
+    <h2>Our Products</h2>
+    <div class="product-grid">
+      <div class="product-card">
+        <div class="card-animation">
+          <div class="flip-container">
+            <div class="flip-card">
+              <div class="flip-front">
+                <img src="images/bread2.png" alt="Bread Front">
+              </div>
+              <div class="flip-back">
+                <img src="images/bread2.png" alt="Bread Back">
+              </div>
+            </div>
+          </div>
+        </div>
+        <h3>Bread</h3>
+        <p>Soft, fresh, and baked daily.</p>
+      </div>
+
+      <div class="product-card">
+        <div class="card-animation">
+          <div class="flip-container">
+            <div class="flip-card">
+              <div class="flip-front">
+                <img src="images/cookies2.png" alt="Cookies Front">
+              </div>
+              <div class="flip-back">
+                <img src="images/cookies2.png" alt="Cookies Back">
+              </div>
+            </div>
+          </div>
+        </div>
+        <h3>Cookies</h3>
+        <p>Crunchy and delightful flavors.</p>
+      </div>
+
+      <div class="product-card">
+        <div class="card-animation">
+          <div class="flip-container">
+            <div class="flip-card">
+              <div class="flip-front">
+                <img src="images/scones.jpg" alt="Scones Front">
+              </div>
+              <div class="flip-back">
+                <img src="images/scones.jpg" alt="Scones Back">
+              </div>
+            </div>
+          </div>
+        </div>
+        <h3>Scones</h3>
+        <p>Perfectly baked for your tea time.</p>
+      </div>
+
+      <div class="product-card">
+        <div class="card-animation">
+          <div class="flip-container">
+            <div class="flip-card">
+              <div class="flip-front">
+                <img src="images/buns.jpg" alt="Buns Front">
+              </div>
+              <div class="flip-back">
+                <img src="images/buns.jpg" alt="Buns Back">
+              </div>
+            </div>
+          </div>
+        </div>
+        <h3>Buns</h3>
+        <p>Soft, fluffy, and irresistible.</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- About Section -->
+  <section id="about-contact" class="about-contact">
+    <div class="about-contact-wrap">
+      <h2>About Us</h2>
+      <p>
+        Proton Bakeries is your go-to bakery for freshly baked bread, cookies, scones, buns, and more. 
+        We pride ourselves on delivering quality products made from the finest ingredients.
+      </p>
+      <h3>Contact Us</h3>
+      <form class="contact-form">
+        <label for="name">Your Name</label>
+        <input type="text" id="name" name="name" placeholder="Enter your name" required />
+  
+        <label for="email">Email</label>
+        <input type="email" id="email" name="email" placeholder="Enter your email" required />
+  
+        <label for="phone">Phone</label>
+        <input type="tel" id="phone" name="phone" placeholder="Enter your phone number" required />
+  
+        <label for="message">Message</label>
+        <textarea id="message" name="message" placeholder="Write your message here" rows="5" required></textarea>
+  
+        <button type="submit">Submit</button>
+      </form>
+    </div>
+  </section>
+
+  <!-- Footer -->
+  <footer>
+    <p>&copy; 2024 Proton Bakeries. All Rights Reserved. (by arnold)</p>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>
+
