diff --git a/src/app/bagels/page.tsx b/src/app/bagels/page.tsx
new file mode 100644
index 0000000..c987793
--- /dev/null
+++ b/src/app/bagels/page.tsx
@@ -0,0 +1,95 @@
+"use client"
+
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Croissant } from "lucide-react";
+
+export default function BagelsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Artisan Coffee Co."
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Coffees", id: "/coffees" },
+            { name: "Bagels", id: "/bagels" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Order Now", href: "contact" }}
+        />
+      </div>
+
+      <div id="bagels" data-section="bagels">
+        <ProductCardTwo
+          title="Fan Favorite Bagels"
+          description="Indulge in our bestselling bagels, freshly baked daily. From classic cream cheese to our signature salmon bagel, each one is crafted with premium ingredients."
+          tag="Bestsellers"
+          tagIcon={Croissant}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          products={[
+            {
+              id: "1",              brand: "Artisan Coffee Co.",              name: "Salmon Bagel",              price: "$8.99",              rating: 5,
+              reviewCount: "342",              imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-salmon-eggs-lemon_1441-1502.jpg",              imageAlt: "Fresh salmon bagel with cream cheese"
+            },
+            {
+              id: "2",              brand: "Artisan Coffee Co.",              name: "California Bagel",              price: "$9.49",              rating: 5,
+              reviewCount: "298",              imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-lettuce-tomato-cheese_1441-1508.jpg",              imageAlt: "California bagel with avocado and veggies"
+            },
+            {
+              id: "3",              brand: "Artisan Coffee Co.",              name: "Cream Cheese Bagel",              price: "$4.99",              rating: 5,
+              reviewCount: "451",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-bagel-cream-cheese_1441-1510.jpg",              imageAlt: "Classic cream cheese bagel"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          buttons={[
+            { text: "Shop All Bagels", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Special Orders & Catering"
+          description="Planning an event or want to order in bulk? We'd love to help! Contact us for custom bagel platters, catering options, and special requests."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "Tell us about your bagel order or catering needs...", rows: 5, required: true }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
+          imageAlt="Coffee shop interior with bagels"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Artisan Coffee Co."
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Visit Us: 123 Valencia St, SF", href: "https://maps.google.com" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/coffees/page.tsx b/src/app/coffees/page.tsx
new file mode 100644
index 0000000..2922026
--- /dev/null
+++ b/src/app/coffees/page.tsx
@@ -0,0 +1,103 @@
+"use client"
+
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Coffee, Mail } from "lucide-react";
+
+export default function CoffeesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Artisan Coffee Co."
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Coffees", id: "/coffees" },
+            { name: "Bagels", id: "/bagels" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{ text: "Order Now", href: "contact" }}
+        />
+      </div>
+
+      <div id="coffees" data-section="coffees">
+        <ProductCardTwo
+          title="Our Premium Coffee Collection"
+          description="Discover our bestselling coffees, from smooth espresso blends to refreshing cold brews. Each coffee is carefully sourced and roasted to perfection."
+          tag="Bestsellers"
+          tagIcon={Coffee}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          products={[
+            {
+              id: "1",              brand: "Artisan Coffee Co.",              name: "Espresso",              price: "$4.99",              rating: 5,
+              reviewCount: "189",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-with-coffee-machine-bar-counter-restaurant-barista-apron-white-shirt-making-coffee-by-coffee-machine-cafe-boy-working-as-barista-coffee-shop_574295-4942.jpg",              imageAlt: "Perfect espresso shot with crema"
+            },
+            {
+              id: "2",              brand: "Artisan Coffee Co.",              name: "Cappuccino",              price: "$5.99",              rating: 5,
+              reviewCount: "276",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg",              imageAlt: "Cappuccino with latte art"
+            },
+            {
+              id: "3",              brand: "Artisan Coffee Co.",              name: "Americano",              price: "$4.49",              rating: 5,
+              reviewCount: "142",              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg",              imageAlt: "Americano coffee"
+            },
+            {
+              id: "4",              brand: "Artisan Coffee Co.",              name: "Matcha Latte",              price: "$6.99",              rating: 5,
+              reviewCount: "203",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg",              imageAlt: "Matcha latte with creamy foam"
+            },
+            {
+              id: "5",              brand: "Artisan Coffee Co.",              name: "Chaga Tea",              price: "$5.49",              rating: 5,
+              reviewCount: "98",              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg",              imageAlt: "Chaga tea blend"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          buttons={[
+            { text: "Shop All Coffees", href: "contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Have questions about our coffees? Want to place an order or learn more about our sourcing practices? Fill out the form and we'll get back to you shortly."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "Tell us about your coffee preferences...", rows: 5, required: true }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
+          imageAlt="Coffee shop interior"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Artisan Coffee Co."
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Visit Us: 123 Valencia St, SF", href: "https://maps.google.com" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 256a993..58c7888 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,7 +33,9 @@ export default function LandingPage() {
             { name: "Menu", id: "products" },
             { name: "Our Story", id: "story" },
             { name: "Visit Us", id: "contact" },
-            { name: "Reviews", id: "testimonials" }
+            { name: "Reviews", id: "testimonials" },
+            { name: "Coffees", id: "/coffees" },
+            { name: "Bagels", id: "/bagels" }
           ]}
           button={{ text: "Order Now", href: "contact" }}
         />