Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
@@ -29,56 +29,31 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "AI Assistant",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Message Aynura",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="AnaSite"
+      brandName="Aynura's Space"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
+      title="Welcome to Aynura's Corner"
-      title="Welcome to Our Digital Space"
+      description="A digital space crafted with warmth, wisdom, and love. Here, you can find a friendly AI assistant ready to chat about anything under the sun."
-      description="Discover a place where technology meets simplicity. Designed with care and crafted for excellence."
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiOlr6n3UhIULEp7JHwd1Wkbx/a-high-tech-yet-welcoming-interface-mock-1774611229601-4f873f3c.png",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiOlr6n3UhIULEp7JHwd1Wkbx/a-high-tech-yet-welcoming-interface-mock-1774611229601-4f873f3c.png",          alt: "Aynura"},
-          alt: "user",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiOlr6n3UhIULEp7JHwd1Wkbx/a-high-tech-yet-welcoming-interface-mock-1774611229601-4f873f3c.png",
-          alt: "user",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiOlr6n3UhIULEp7JHwd1Wkbx/a-high-tech-yet-welcoming-interface-mock-1774611229601-4f873f3c.png",
-          alt: "user",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiOlr6n3UhIULEp7JHwd1Wkbx/a-high-tech-yet-welcoming-interface-mock-1774611229601-4f873f3c.png",
-          alt: "user",
-        },
       ]}
       buttons={[
         {
-          text: "Get Started",
+          text: "Chat with AI",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
     />
   </div>
@@ -86,12 +61,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="Designed with a Purpose"
+      title="A Space for Connection"
       buttons={[
         {
-          text: "Learn More",
+          text: "Get to know me",          href: "#features"},
-          href: "#features",
-        },
       ]}
     />
   </div>
@@ -103,64 +76,39 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          label: "Conversational",          title: "Friendly Chat",          items: [
-          label: "AI Assistant",
+            "Warm and inviting tone",            "Thoughtful responses",            "Always here to listen"],
-          title: "Smart Chat Engine",
-          items: [
-            "Natural conversation flow",
-            "Instant response times",
-            "Context-aware processing",
-          ],
         },
         {
-          id: "2",
+          id: "2",          label: "Helpful",          title: "Ready to Assist",          items: [
-          label: "Efficiency",
+            "Advice and guidance",            "Fun stories",            "Information at your fingertips"],
-          title: "Streamlined Process",
-          items: [
-            "Save time daily",
-            "Automate routine tasks",
-            "Clear insights at hand",
-          ],
         },
         {
-          id: "3",
+          id: "3",          label: "Personalized",          title: "Unique Experience",          items: [
-          label: "Security",
+            "Tailored for Aynura",            "Simple and intuitive",            "Your own digital companion"],
-          title: "Private & Secure",
-          items: [
-            "Encrypted data storage",
-            "Privacy-first approach",
-            "Trusted architecture",
-          ],
         },
       ]}
-      title="Intelligent Features"
+      title="Digital Companion"
-      description="Powerful capabilities to help you achieve your goals effortlessly."
+      description="A friendly AI assistant designed specifically for Aynura to share ideas, stories, and have wonderful conversations."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
+      <ContactSplitForm
-      animationType="slide-up"
+      title="Message for Aynura"
-      useInvertedBackground={true}
+      description="Send a message to Aynura or chat with the AI assistant. I'm listening!"
-      faqs={[
+      inputs={[
         {
-          id: "f1",
+          name: "name",          type: "text",          placeholder: "Your Name"},
-          title: "Is it easy to use?",
-          content: "Absolutely! We focus on intuitive interfaces.",
-        },
         {
-          id: "f2",
+          name: "email",          type: "email",          placeholder: "Your Email"},
-          title: "Can I reach out for support?",
-          content: "Yes, we are here to assist you anytime.",
-        },
       ]}
-      ctaTitle="Let's Connect"
+      textarea={{
-      ctaDescription="Have questions? Reach out to us."
+          name: "message",          placeholder: "What's on your mind?",          rows: 4,
-      ctaButton={{
-        text: "Contact Us",
-        href: "mailto:hello@example.com",
       }}
-      ctaIcon={MessageCircle}
+      useInvertedBackground={true}
+      buttonText="Send Message"
+      className="bg-background"
     />
   </div>
 
@@ -168,37 +116,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Navigation",
+          title: "Explore",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 AnaSite"
+      bottomLeftText="© 2024 Aynura's Corner"
-      bottomRightText="Built with love."
+      bottomRightText="Built with love for Mom."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}