Bob AI: Add envi-heater 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 EnviHeaterPage from "@/pages/EnviHeaterPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/envi-heater" element={<EnviHeaterPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Faq",
     "href": "#faq"
-  }
+  },
+  { name: "Envi Heater", href: "/envi-heater" },
+
 ];
 
   return (

src/pages/EnviHeaterPage.tsx

@@ -0,0 +1,79 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
+import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function EnviHeaterPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="ENVI"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Buy Now", href: "/checkout" }}
+      />
+      
+      <main>
+        <HeroSplit
+          tag="Premium Heating"
+          title="The ENVI Heater."
+          description="Ultra-slim, whisper-quiet, and elegantly designed. Elevate your space with the most advanced wall-mounted heater."
+          primaryButton={{ text: "Shop Now", href: "/checkout" }}
+          secondaryButton={{ text: "Watch Video", href: "#video" }}
+          imageSrc="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=80"
+        />
+
+        <FeaturesAlternatingSplit
+          tag="Design Meets Function"
+          title="Engineered for Elegance"
+          description="Discover why the ENVI is the choice for luxury homes."
+          items={[
+            {
+              title: "Ultra-Slim Profile",
+              description: "Protrudes just 2 inches from the wall, blending seamlessly into your decor without taking up valuable floor space.",
+              imageSrc: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&q=80"
+            },
+            {
+              title: "Whisper-Quiet Operation",
+              description: "Experience 100% silent, fanless heating technology for undisturbed peace in your bedroom or living areas.",
+              imageSrc: "https://images.unsplash.com/photo-1540518614846-7eded433c457?auto=format&fit=crop&q=80"
+            }
+          ]}
+        />
+
+        <TestimonialRatingCards
+          tag="Reviews"
+          title="Loved by Homeowners"
+          description="See what our customers are saying about the ENVI experience."
+          testimonials={[
+            {
+              name: "Sarah L.",
+              role: "Interior Designer",
+              quote: "Transformed my living room. Looks like a piece of art and heats perfectly. A must-have for modern homes.",
+              rating: 5
+            },
+            {
+              name: "James T.",
+              role: "Homeowner",
+              quote: "Finally, a heater that doesn't ruin the aesthetic of my home. Highly recommend for anyone who values design.",
+              rating: 5
+            },
+            {
+              name: "Elena R.",
+              role: "Architect",
+              quote: "The slim profile is unmatched. It's the only heater I specify for my high-end residential projects.",
+              rating: 5
+            }
+          ]}
+        />
+      </main>
+
+      <FooterMinimal
+        brand="ENVI"
+        copyright="© 2024 ENVI Heating. All rights reserved."
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/envi-heater', label: 'Envi Heater', pageFile: 'EnviHeaterPage' },
 ];