Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSignup from '@/components/sections/hero/HeroSignup';
 import { Sparkles } from "lucide-react";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function WaitlistPage() {
   return (
@@ -33,44 +33,51 @@ export default function WaitlistPage() {
       </div>
 
       <div id="feature" data-section="feature">
-        <FeatureCardSeven
+        <FeatureCardOne
             features={[
                 {
                     id: 1,
-                    title: "Personalized Recommendations",
+                    title: "Seamless Integration",
-                    description: "AI agents analyze your preferences to provide tailored suggestions.",
+                    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: "AI analyzing data"
+                    imageAlt: "System integration"
                 },
                 {
                     id: 2,
-                    title: "24/7 Customer Support",
+                    title: "Enhanced Security",
-                    description: "Get instant assistance from AI-powered chatbots available around the clock.",
+                    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: "AI chatbot interface"
+                    imageAlt: "Security measures"
                 },
                 {
                     id: 3,
-                    title: "Automated Task Management",
+                    title: "User-Friendly Interface",
-                    description: "Effortlessly delegate routine tasks to AI agents to save time and increase productivity.",
+                    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: "AI managing tasks"
+                    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="fade"
+            animationType="slide"
-            title="Unlocking the Power of AI Agents"
+            title="Experience the Future of AI"
-            description="Discover how our AI agents can revolutionize your experience on the website."
+            description="Discover how our cutting-edge AI solutions can transform your experience on the website."
-            tag="Innovative"
+            tag="Revolutionary"
-            textboxLayout="left"
+            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-blue-500 text-white px-3 py-1 rounded-full mb-4"
+            textBoxTagClassName="bg-green-500 text-white px-3 py-1 rounded-full mb-4"
             textBoxButtonContainerClassName="mt-4"
-            textBoxButtonClassName="bg-blue-500 text-white px-4 py-2 rounded-full hover:bg-blue-600"
+            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"
@@ -80,7 +87,7 @@ export default function WaitlistPage() {
             cardDescriptionClassName="text-gray-600 dark:text-gray-400 mb-4"
             imageContainerClassName="mb-4"
             imageClassName="w-full h-48 object-cover rounded-lg"
-            cardButtonClassName="bg-blue-500 text-white px-4 py-2 rounded-full hover:bg-blue-600"
+            cardButtonClassName="bg-green-500 text-white px-4 py-2 rounded-full hover:bg-green-600"
             cardButtonTextClassName="font-semibold"
         />
       </div>