Bob AI: Add bed-product page

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import BedProductPage from "@/pages/BedProductPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/bed-product" element={<BedProductPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Faq",
     "href": "#faq"
-  }
+  },
+  { name: "Bed Product", href: "/bed-product" },
+
 ];
 
   return (

src/pages/BedProductPage.tsx

@@ -0,0 +1,74 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeaturesDetailedCards from "@/components/sections/features/FeaturesDetailedCards";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function BedProductPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="SleepHaven"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Shop Now", href: "/shop" }}
+      />
+
+      <HeroSplit
+        tag="Premium Sleep"
+        title="The CloudRest Mattress"
+        description="Experience the ultimate in comfort and support. Designed for deep, restorative sleep."
+        primaryButton={{ text: "Book a Trial", href: "#book" }}
+        secondaryButton={{ text: "View Specs", href: "#specs" }}
+        imageSrc="https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&q=80"
+      />
+
+      <div id="specs">
+        <FeaturesDetailedCards
+          tag="Features"
+          title="Engineered for Comfort"
+          description="Every layer is meticulously crafted to provide the perfect balance of softness and support."
+          items={[
+            {
+              title: "Cooling Gel Layer",
+              description: "Regulates temperature all night long to prevent overheating.",
+              tags: ["Cooling", "Breathable"]
+            },
+            {
+              title: "Adaptive Memory Foam",
+              description: "Contours to your unique body shape for personalized comfort.",
+              tags: ["Support", "Pressure Relief"]
+            },
+            {
+              title: "Reinforced Edge Support",
+              description: "Sturdy perimeters allow you to use the entire sleep surface.",
+              tags: ["Durability", "Space"]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="book">
+        <ContactSplitForm
+          tag="Showroom"
+          title="Book a Sleep Consultation"
+          description="Visit our showroom to experience the CloudRest difference in person. Schedule your private appointment today."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "date", type: "date", placeholder: "Preferred Date", required: true }
+          ]}
+          textarea={{ name: "notes", placeholder: "Any specific sleep concerns or preferences?", rows: 4, required: false }}
+          buttonText="Confirm Appointment"
+          imageSrc="https://images.unsplash.com/photo-1540518614846-7eded433c457?auto=format&fit=crop&q=80"
+        />
+      </div>
+
+      <FooterMinimal
+        brand="SleepHaven"
+        copyright="© 2024 SleepHaven. All rights reserved."
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/bed-product', label: 'Bed Product', pageFile: 'BedProductPage' },
 ];