src/app/page.tsx

@@ -5,12 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Cpu, Zap, ShieldCheck, Clock, Settings, Gauge } from 'lucide-react';
+import { Cpu, Zap, ShieldCheck, Clock, Settings, Gauge, ChevronRight } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Services", id: "services" },
+              { name: "Features", id: "features" },
               { name: "Testimonials", id: "testimonials" },
               { name: "About", id: "about" },
               { name: "FAQ", id: "faq" },
@@ -74,6 +76,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="blur-reveal"
+            title="Advanced HVAC Capabilities"
+            description="Discover the technology behind our cooling and heating efficiency."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+                { id: "f1", title: "Energy Efficiency Analytics", tags: ["IoT", "Smart Home"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg" },
+                { id: "f2", title: "Smart Zoning Systems", tags: ["Zoning", "Precision"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg" }
+            ]}
+          />
+        </div>
+
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFive
             textboxLayout="default"
@@ -147,4 +163,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}