Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -33,14 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="RICHNEXIS"
     />
@@ -48,23 +44,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars"}}
-      title="Unleash the Power of RICHNEXIS"
-      description="The ultimate platform to accelerate your digital growth. We provide high-end SaaS solutions built for scale, performance, and total efficiency."
+      background={{ variant: "gradient-bars" }}
+      title="Elevating Digital Potential"
+      description="RICHNEXIS delivers elite creative and technical solutions: Social Media Marketing, IT Solutions, Creative Shooting, and Professional Graphics Design."
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg",          imageAlt: "Digital Interface"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg",          imageAlt: "Neural Network"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg",          imageAlt: "Software Layers"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301557.jpg",          imageAlt: "Interface Stream"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg",          imageAlt: "AI Infrastructure"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",          imageAlt: "Tech Depth"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-with-icons_1150-17684.jpg", imageAlt: "Marketing" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/it-solutions-cloud-network_1150-17685.jpg", imageAlt: "IT Infrastructure" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/photographer-with-camera-studio_1150-17686.jpg", imageAlt: "Creative Shooting" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/graphic-design-studio-tools_1150-17687.jpg", imageAlt: "Design" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -73,11 +60,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="Redefining Digital Strategy"
-      buttons={[
-        {
-          text: "Learn More",          href: "#"},
-      ]}
+      title="Crafting Excellence, Digitally"
+      buttons={[{ text: "Explore Our Work", href: "#features" }]}
     />
   </div>
 
@@ -88,47 +72,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Scalable Infrastructure",          description: "Grow without boundaries with our cloud-native stack.",          items: [
-            {
-              icon: Zap,
-              text: "High availability"},
-            {
-              icon: Shield,
-              text: "Enterprise security"},
-          ],
+          title: "Social Media Marketing",          description: "Amplify your reach with data-driven social strategies.",          items: [{ icon: Zap, text: "Engagement focused" }, { icon: PieChart, text: "Audience growth" }],
           reverse: false,
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212567.jpg",            imageAlt: "Scalable Tech"}
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/social-media-strategy_1150-17688.jpg", imageAlt: "Marketing" }
         },
         {
-          title: "Data Analytics",          description: "Turn raw information into actionable insights instantly.",          items: [
-            {
-              icon: BarChart,
-              text: "Real-time reporting"},
-            {
-              icon: PieChart,
-              text: "Predictive modeling"},
-          ],
+          title: "IT Solutions",          description: "Robust software architecture for modern scale.",          items: [{ icon: Shield, text: "High security" }, { icon: Globe, text: "Cloud native" }],
           reverse: true,
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/abstract-plexus-blue-geometrical-shapes-connection-ai-generated-image_511042-596.jpg",            imageAlt: "Data Insight"}
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/server-infrastructure_1150-17689.jpg", imageAlt: "IT Tech" }
         },
         {
-          title: "Global Integration",          description: "Connect seamlessly with your favorite modern tools.",          items: [
-            {
-              icon: Globe,
-              text: "Global endpoints"},
-            {
-              icon: Link,
-              text: "Seamless API"},
-          ],
+          title: "Creative Shooting",          description: "Professional cinematography for your brand stories.",          items: [{ icon: Link, text: "Cinematic quality" }, { icon: BarChart, text: "Engaging visuals" }],
           reverse: false,
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-geometric-glass-shape_23-2150979651.jpg",            imageAlt: "Integrations"}
-        },
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/video-production-studio_1150-17690.jpg", imageAlt: "Shooting" }
+        }
       ]}
-      title="Platform Capabilities"
-      description="Everything you need to thrive in a digital-first economy."
+      title="Our Core Services"
+      description="Integrated solutions designed for brand dominance."
     />
   </div>
 
@@ -139,15 +99,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "99.9%",          description: "Uptime Reliability"},
-        {
-          id: "m2",          value: "1.2M",          description: "Transactions Processed"},
-        {
-          id: "m3",          value: "500+",          description: "Enterprise Clients"},
+        { id: "m1", value: "100+", description: "Projects Delivered" },
+        { id: "m2", value: "50+", description: "Active Campaigns" },
+        { id: "m3", value: "98%", description: "Client Satisfaction" },
       ]}
-      title="Proven Results"
-      description="Data that speaks for itself. We deliver success at scale."
+      title="Industry Impact"
+      description="Delivering consistent performance through creative and technical innovation."
     />
   </div>
 
@@ -155,10 +112,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Microsoft",        "Google",        "Apple",        "Amazon",        "Tesla",        "Nvidia",        "Meta"]}
-      title="Trusted by Leaders"
-      description="Join our ecosystem of industry-leading innovators."
+      names={["BrandX", "GlobalSystems", "CreativeHub", "InnovationLabs"]}
+      title="Collaborations"
+      description="Working with ambitious businesses to scale effectively."
     />
   </div>
 
@@ -168,109 +124,35 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",          badge: "Essential",          price: "$99",          subtitle: "For small teams",          features: [
-            "10GB Storage",            "Basic Support",            "Core API Access"],
-        },
-        {
-          id: "pro",          badge: "Popular",          price: "$299",          subtitle: "For scaling businesses",          features: [
-            "100GB Storage",            "Priority Support",            "Advanced Analytics"],
-        },
-        {
-          id: "enterprise",          badge: "Custom",          price: "Contact Us",          subtitle: "For large enterprises",          features: [
-            "Unlimited Storage",            "Dedicated Manager",            "On-Prem Options"],
-        },
+        { id: "basic", badge: "Start", price: "Custom", subtitle: "Single service focus", features: ["Social Media Basic", "IT Setup"] },
+        { id: "pro", badge: "Growth", price: "Custom", subtitle: "Comprehensive scaling", features: ["Full Social Suite", "DevOps Support", "Creative Retainer"] },
+        { id: "enterprise", badge: "Elite", price: "Contact Us", subtitle: "Total brand takeover", features: ["End-to-end Solutions", "Priority 24/7", "Dedicated Creative Team"] },
       ]}
-      title="Simplified Pricing"
-      description="Choose a plan that fits your growth ambitions."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="RICHNEXIS has fundamentally changed our workflow. The platform is robust, intuitive, and delivers exactly what we need to stay ahead."
-      rating={5}
-      author="Sarah Johnson, CTO"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-man-looking-like-professional-cross-arms-chest-business-suit-standing-white_1258-154122.jpg",          alt: "Sarah"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg",          alt: "Michael"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-businessman-trendy-suit-smiling-standing-against-white-background_1258-170863.jpg",          alt: "Emily"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-sunflowers_23-2149736194.jpg",          alt: "David"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",          alt: "Jane"},
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "How do I get started?",          content: "Sign up and configure your workspace in under 5 minutes."},
-        {
-          id: "q2",          title: "Is security guaranteed?",          content: "We employ enterprise-grade encryption for all data storage."},
-        {
-          id: "q3",          title: "Can I cancel anytime?",          content: "Yes, our plans are flexible with no long-term contracts."},
-      ]}
-      title="Frequently Asked Questions"
-      description="Answers to the most common questions about our platform."
-      faqsAnimation="blur-reveal"
+      title="Service Packages"
+      description="Custom-tailored solutions for diverse business requirements."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Get in Touch"
-      description="Ready to scale? Connect with our team today."
+      title="Partner With Us"
+      description="Let's build something extraordinary. Get a free audit."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Your Email"},
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Your Email" },
       ]}
-      textarea={{
-        name: "message",        placeholder: "Describe your requirements"}}
-      imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301539.jpg"
+      textarea={{ name: "message", placeholder: "How can RICHNEXIS help you?" }}
+      imageSrc="http://img.b2bpic.net/free-photo/professional-creative-desk_1150-17691.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Features",              href: "#features"},
-            {
-              label: "Pricing",              href: "#pricing"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { items: [{ label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       logoText="RICHNEXIS"
     />
@@ -278,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}