Update src/app/page.tsx

Merge version_1 into main

registry/components/ContactSplit.json

@@ -64,7 +64,7 @@
     "ariaLabel?": "string (default: 'Contact section')",
     "className?": "string"
   },
-  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <ContactSplit tag=\"Newsletter\" title=\"Stay updated\" description=\"Subscribe to our newsletter for weekly updates and exclusive content.\" useInvertedBackground={false} imageSrc=\"/placeholders/placeholder-16-9.svg\" onSubmit={(email) => console.log(email)} />\n</ThemeProvider>",
+  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <ContactSplit tag=\"Newsletter\" title=\"Stay updated\" description=\"Subscribe to our newsletter for weekly updates and exclusive content.\" useInvertedBackground={false} imageSrc=\"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/tmp/vitaliy-developer-1771606268512-b3dd64e4.png\" onSubmit={(email) => console.log(email)} />\n</ThemeProvider>",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/ContactSplitForm.json

@@ -41,7 +41,7 @@
     "ariaLabel?": "string (default: 'Contact section')",
     "className?": "string"
   },
-  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <ContactSplitForm title=\"Get in touch\" description=\"We'd love to hear from you. Send us a message.\" inputs={[{ name: 'name', type: 'text', placeholder: 'Name', required: true }, { name: 'email', type: 'email', placeholder: 'Email', required: true }]} textarea={{ name: 'message', placeholder: 'Type your message...', rows: 5, required: true }} useInvertedBackground={false} imageSrc=\"/placeholders/placeholder-16-9.svg\" onSubmit={(data) => console.log(data)} />\n</ThemeProvider>",
+  "usageExample": "// Wrap in ThemeProvider\n<ThemeProvider defaultButtonVariant=\"text-stagger\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"rounded\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n  <ContactSplitForm title=\"Get in touch\" description=\"We'd love to hear from you. Send us a message.\" inputs={[{ name: 'name', type: 'text', placeholder: 'Name', required: true }, { name: 'email', type: 'email', placeholder: 'Email', required: true }]} textarea={{ name: 'message', placeholder: 'Type your message...', rows: 5, required: true }} useInvertedBackground={false} imageSrc=\"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/tmp/vitaliy-developer-1771606268512-b3dd64e4.png\" onSubmit={(data) => console.log(data)} />\n</ThemeProvider>",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles } from "lucide-react";
 
@@ -107,13 +107,16 @@ export default function LandingPage() {
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCTA 
+        <ContactSplitForm 
-          tag="Connect with Genius"
           title="Ready to Innovate Together?"
           description="If you have a project that demands unparalleled expertise and groundbreaking solutions, Vitality is ready to engage. Let's discuss how to bring your most ambitious visions to life."
-          buttons={[{text:"Propose a Project",href:"#"},{text:"General Inquiry",href:"#"}]}
+          inputs={[{name:"name",type:"text",placeholder:"Your Name",required:true},{name:"email",type:"email",placeholder:"Your Email",required:true}]}
-          background={{variant:"radial-gradient"}}
+          textarea={{name:"message",placeholder:"Your Message",rows:5,required:true}}
           useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39wSE8YJoGda03bkKGOyyo2rjk4/tmp/vitaliy-developer-1771606268512-b3dd64e4.png"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log(data)}
         />
       </div>
       <div id="footer" data-section="footer">
@@ -125,4 +128,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}