Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,50 +32,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Product",
+          name: "Product",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Demo",
+          name: "Demo",          id: "#demo"},
-          id: "#demo",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
       ]}
       brandName="Nexora"
       button={{
-        text: "Get started",
+        text: "Get started",        href: "#cta"}}
-        href: "#cta",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "glowing-orb",
+        variant: "glowing-orb"}}
-      }}
       logoText="Turn leads into clients. Automatically."
       description="Nexora combines CRM, AI, and Automation to scale your growth instantly. Replace HubSpot, Jasper, Zapier and agencies with one platform."
       buttons={[
         {
-          text: "Get started",
+          text: "Get started",          href: "#cta"},
-          href: "#cta",
-        },
         {
-          text: "Watch demo",
+          text: "Watch demo",          href: "#demo"},
-          href: "#demo",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=1"
+      imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200&h=800"
       mediaAnimation="slide-up"
-      imageAlt="saas dashboard mockup"
+      imageAlt="Dark-themed CRM dashboard interface showing analytics and pipeline progress"
     />
   </div>
 
@@ -84,14 +69,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "SMBs",
+        "SMBs",        "Marketing Agencies",        "Creators",        "Entrepreneurs",        "Startups",        "Enterprises",        "Influencers"]}
-        "Marketing Agencies",
-        "Creators",
-        "Entrepreneurs",
-        "Startups",
-        "Enterprises",
-        "Influencers",
-      ]}
       title="Trusted worldwide"
       description="Empowering teams across the globe to automate their growth."
     />
@@ -105,20 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "3.4x",          description: "Higher ROAS"},
-          value: "3.4x",
-          description: "Higher ROAS",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "-12h",          description: "Weekly time saved"},
-          value: "-12h",
-          description: "Weekly time saved",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "<10m",          description: "Setup time"},
-          value: "<10m",
-          description: "Setup time",
-        },
       ]}
       title="Unmatched Efficiency"
       description="See the impact on your business metrics."
@@ -133,33 +102,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Smart CRM",
+          title: "Smart CRM",          description: "Organize leads automatically.",          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=1",          titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100",          buttonText: "Explore"},
-          description: "Organize leads automatically.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rocket-launch-spaceship-icon-innovation_53876-124331.jpg?_wi=1",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/colorful-arrow-symbols-digital-tablet-laptop-pen-pink-background_23-2147875664.jpg",
-          buttonText: "Explore",
-        },
         {
-          title: "AI Content Studio",
+          title: "AI Content Studio",          description: "Scale content creation.",          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=2",          titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100",          buttonText: "Explore"},
-          description: "Scale content creation.",
-          imageSrc: "http://img.b2bpic.net/free-vector/time-management-flat-elements-composition_98292-6720.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/use-soap-water-wash-your-hands-prevent-coronavirus-neon-sign-vector_53876-171341.jpg",
-          buttonText: "Explore",
-        },
         {
-          title: "Automation Engine",
+          title: "Automation Engine",          description: "Workflows that just run.",          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=3",          titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100",          buttonText: "Explore"},
-          description: "Workflows that just run.",
-          imageSrc: "http://img.b2bpic.net/free-photo/glow-arrow-graph-analytics-3d-icon-bubble-speech-chat-3d-rendering_56104-1929.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg",
-          buttonText: "Explore",
-        },
         {
-          title: "Campaign Analytics",
+          title: "Campaign Analytics",          description: "Insights that drive action.",          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=4",          titleImageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=100",          buttonText: "Explore"},
-          description: "Insights that drive action.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-studio-films-tablet-video-review-tech-enthusiasts_482257-116480.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-vector/media-flat-set_1284-5331.jpg",
-          buttonText: "Explore",
-        },
       ]}
       title="All-in-one Growth Engine"
       description="Engineered for speed, built for scale."
@@ -171,18 +120,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Watch Nexora in Action"
       description="Experience the dashboard designed for absolute performance."
-      imageSrc="http://img.b2bpic.net/free-photo/young-general-manager-using-green-screen-evaluating-performance-metrics_482257-124506.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=1200"
-      imageAlt="saas dashboard mockup"
+      imageAlt="Dark mode dashboard analytics UI"
     />
   </div>
 
   <div id="roi-calculator" data-section="roi-calculator">
       <MediaAbout
       useInvertedBackground={false}
-      title="Calculate Your Savings"
+      title="Interactive ROI Calculator"
-      description="Save thousands by switching from disjointed tools to Nexora."
+      description="Select your tools below to see your potential savings with Nexora."
-      imageSrc="http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=800&_wi=5"
-      imageAlt="Corporate business line graph report"
+      imageAlt="ROI calculator dashboard interface"
     />
   </div>
 
@@ -193,53 +142,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          title: "Starter",          price: "$30",          period: "/mo",          features: [
-          title: "Starter",
+            "CRM",            "Email",            "Basic Automation"],
-          price: "$30",
-          period: "/mo",
-          features: [
-            "CRM",
-            "Email",
-            "Basic Automation",
-          ],
           button: {
-            text: "Start for $30/mo",
+            text: "Start for $30/mo"},
-          },
+          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=1",          imageAlt: "Pricing dashboard UI"},
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
-          imageAlt: "Closeup of African American woman typing on laptop",
-        },
         {
-          id: "p2",
+          id: "p2",          title: "Growth",          price: "$79",          period: "/mo",          features: [
-          title: "Growth",
+            "Full CRM",            "AI Suite",            "Campaigns"],
-          price: "$79",
-          period: "/mo",
-          features: [
-            "Full CRM",
-            "AI Suite",
-            "Campaigns",
-          ],
           button: {
-            text: "Start for $79/mo",
+            text: "Start for $79/mo"},
-          },
+          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=2",          imageAlt: "Pricing dashboard UI"},
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",
-          imageAlt: "Closeup of African American woman typing on laptop",
-        },
         {
-          id: "p3",
+          id: "p3",          title: "Scale",          price: "$199",          period: "/mo",          features: [
-          title: "Scale",
+            "Everything in Growth",            "Team Access",            "API"],
-          price: "$199",
-          period: "/mo",
-          features: [
-            "Everything in Growth",
-            "Team Access",
-            "API",
-          ],
           button: {
-            text: "Start for $199/mo",
+            text: "Start for $199/mo"},
-          },
+          imageSrc: "https://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?w=400&_wi=3",          imageAlt: "Pricing dashboard UI"},
-          imageSrc: "http://img.b2bpic.net/free-photo/rocket-launch-spaceship-icon-innovation_53876-124331.jpg?_wi=2",
-          imageAlt: "Closeup of African American woman typing on laptop",
-        },
       ]}
       title="Simple Pricing"
       description="Choose the perfect plan to fuel your growth."
@@ -252,35 +171,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do I need technical skills?",          content: "Absolutely not. Setup is intuitive."},
-          title: "Do I need technical skills?",
-          content: "Absolutely not. Setup is intuitive.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What tools does it replace?",          content: "CRM, Jasper, Zapier, and ad tools."},
-          title: "What tools does it replace?",
-          content: "CRM, Jasper, Zapier, and ad tools.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How long is setup?",          content: "Less than 10 minutes."},
-          title: "How long is setup?",
-          content: "Less than 10 minutes.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Can agencies use it?",          content: "Yes, we support multi-client setups."},
-          title: "Can agencies use it?",
-          content: "Yes, we support multi-client setups.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "How good is the AI?",          content: "Expert-grade content tailored to your brand."},
-          title: "How good is the AI?",
-          content: "Expert-grade content tailored to your brand.",
-        },
         {
-          id: "f6",
+          id: "f6",          title: "Can I cancel anytime?",          content: "Yes, monthly plans are flexible."},
-          title: "Can I cancel anytime?",
-          content: "Yes, monthly plans are flexible.",
-        },
       ]}
       title="Common Questions"
       description="Answers to everything you need to know."
@@ -292,14 +193,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       text="Ready to grow without the chaos?"
       buttons={[
         {
-          text: "Get started",
+          text: "Get started",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -309,29 +207,19 @@ export default function LandingPage() {
       logoText="Nexora"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "CRM",
+              label: "CRM",              href: "#"},
-              href: "#",
-            },
             {
-              label: "AI",
+              label: "AI",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -341,4 +229,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}