Bob AI: i didn't like the style of the feature section can...

Merge version_2 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSignup from '@/components/sections/hero/HeroSignup';
 import { Sparkles } from "lucide-react";
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function WaitlistPage() {
   return (
@@ -30,6 +31,66 @@ export default function WaitlistPage() {
           onSubmit={(email) => console.log('Waitlist signup:', email)}
         />
       </div>
+
+      <div id="feature" data-section="feature">
+        <FeatureCardOne
+            features={[
+                {
+                    id: 1,
+                    title: "Seamless Integration",
+                    description: "Easily integrate our AI solutions with your existing systems for a cohesive experience.",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "System integration"
+                },
+                {
+                    id: 2,
+                    title: "Enhanced Security",
+                    description: "Benefit from advanced security measures to protect your data and privacy.",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Security measures"
+                },
+                {
+                    id: 3,
+                    title: "User-Friendly Interface",
+                    description: "Enjoy a clean and intuitive design that makes navigation a breeze.",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "User interface"
+                },
+                {
+                    id: 4,
+                    title: "Scalable Solutions",
+                    description: "Our AI solutions grow with your business, offering scalable options to meet your needs.",
+                    imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                    imageAlt: "Scalable solutions"
+                }
+            ]}
+            animationType="slide"
+            title="Experience the Future of AI"
+            description="Discover how our cutting-edge AI solutions can transform your experience on the website."
+            tag="Revolutionary"
+            textboxLayout="right"
+            useInvertedBackground="none"
+            className="mb-10"
+            containerClassName="max-w-7xl mx-auto"
+            cardClassName="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md"
+            textBoxTitleClassName="text-3xl font-bold mb-4"
+            textBoxDescriptionClassName="text-lg mb-6"
+            textBoxTagClassName="bg-green-500 text-white px-3 py-1 rounded-full mb-4"
+            textBoxButtonContainerClassName="mt-4"
+            textBoxButtonClassName="bg-green-500 text-white px-4 py-2 rounded-full hover:bg-green-600"
+            textBoxButtonTextClassName="font-semibold"
+            titleImageWrapperClassName="mb-6"
+            titleImageClassName="w-full h-64 object-cover rounded-lg"
+            cardContentClassName="flex flex-col items-center"
+            stepNumberClassName="text-2xl font-bold mb-2"
+            cardTitleClassName="text-xl font-bold mb-2"
+            cardDescriptionClassName="text-gray-600 dark:text-gray-400 mb-4"
+            imageContainerClassName="mb-4"
+            imageClassName="w-full h-48 object-cover rounded-lg"
+            cardButtonClassName="bg-green-500 text-white px-4 py-2 rounded-full hover:bg-green-600"
+            cardButtonTextClassName="font-semibold"
+        />
+      </div>
     </ThemeProvider>
   );
 }