Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Product", id: "features" },
-          name: "Product",          id: "features"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Company", id: "about" },
-          name: "Pricing",          id: "pricing"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Company",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Flowith"
     />
@@ -50,24 +46,17 @@ export default function LandingPage() {
       title="Flow through your workflow."
       description="Experience the next evolution of intelligent automation. Seamlessly navigate complex tasks with AI-driven precision and speed."
       buttons={[
-        {
+        { text: "Get Started", href: "#pricing" },
-          text: "Get Started",          href: "#pricing"},
+        { text: "View Demo", href: "#features" },
-        {
-          text: "View Demo",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg"
       showBlur={true}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-flowing-particles_1048-16341.jpg", alt: "3D modern background" },
-          src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-flowing-particles_1048-16341.jpg",          alt: "3D modern background with flowing particles"},
+        { src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139330.jpg", alt: "Blurred night lights" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg", alt: "3D network background" },
-          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139330.jpg",          alt: "Blurred night lights"},
+        { src: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg", alt: "3D cybernet design" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg", alt: "Suzhou at night" },
-          src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg",          alt: "3D network technology background with particle waves"},
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg",          alt: "3D cybernet techno design with flowing lines and floating particles"},
-        {
-          src: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg",          alt: "Suzhou financial district at night"},
       ]}
       avatarText="Trusted by 5,000+ engineers worldwide"
     />
@@ -78,15 +67,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Performance at Scale"
       metrics={[
-        {
+        { icon: Zap, label: "Latency reduction", value: "99.9%" },
-          icon: Zap,
+        { icon: Clock, label: "Time saved daily", value: "4.2hrs" },
-          label: "Latency reduction",          value: "99.9%"},
+        { icon: TrendingUp, label: "Workflow efficiency", value: "350%" },
-        {
-          icon: Clock,
-          label: "Time saved daily",          value: "4.2hrs"},
-        {
-          icon: TrendingUp,
-          label: "Workflow efficiency",          value: "350%"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -98,12 +81,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Real-time Processing", description: "Instant data transformation powered by our custom neural engine.", imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg" },
-          title: "Real-time Processing",          description: "Instant data transformation powered by our custom neural engine.",          imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg"},
+        { title: "Secure Infrastructure", description: "Enterprise-grade encryption protecting every byte of your intellectual capital.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg" },
-        {
+        { title: "Seamless Integration", description: "Works with your existing stack from day one without heavy configuration.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-web-designer-instagram-stories_23-2150389776.jpg" },
-          title: "Secure Infrastructure",          description: "Enterprise-grade encryption protecting every byte of your intellectual capital.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg"},
-        {
-          title: "Seamless Integration",          description: "Works with your existing stack from day one without heavy configuration.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-web-designer-instagram-stories_23-2150389776.jpg"},
       ]}
       title="Built for Intelligence"
       description="Our core technology ensures your data remains fluid, accurate, and instantly accessible across all your systems."
@@ -114,8 +94,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Global Tech", "Innovate X", "Data Flow", "Nexus AI", "Future Labs", "Cloud Sync", "Secure Flow"]}
-        "Global Tech",        "Innovate X",        "Data Flow",        "Nexus AI",        "Future Labs",        "Cloud Sync",        "Secure Flow"]}
       title="Trusted by Leaders"
       description="Industry innovators rely on Flowith to accelerate their digital evolution."
     />
@@ -127,24 +106,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", tag: "Essentials", price: "$49", period: "/mo", description: "Everything you need to get started.", button: { text: "Start Now" }, featuresTitle: "Included features:", features: ["Core automation", "Basic integrations", "Email support"] },
-          id: "basic",          tag: "Essentials",          price: "$49",          period: "/mo",          description: "Everything you need to get started.",          button: {
+        { id: "pro", tag: "Professional", price: "$129", period: "/mo", description: "For scaling teams and complex workflows.", button: { text: "Upgrade Pro" }, featuresTitle: "Everything in Basic, plus:", features: ["Advanced neural engine", "Priority support", "Custom connectors"] },
-            text: "Start Now"},
+        { id: "enterprise", tag: "Enterprise", price: "$499", period: "/mo", description: "Total control for global operations.", button: { text: "Contact Sales" }, featuresTitle: "Everything in Pro, plus:", features: ["Unlimited nodes", "Dedicated manager", "On-prem options"] },
-          featuresTitle: "Included features:",          features: [
-            "Core automation",            "Basic integrations",            "Email support"],
-        },
-        {
-          id: "pro",          tag: "Professional",          price: "$129",          period: "/mo",          description: "For scaling teams and complex workflows.",          button: {
-            text: "Upgrade Pro"},
-          featuresTitle: "Everything in Basic, plus:",          features: [
-            "Advanced neural engine",            "Priority support",            "Custom connectors"],
-        },
-        {
-          id: "enterprise",          tag: "Enterprise",          price: "$499",          period: "/mo",          description: "Total control for global operations.",          button: {
-            text: "Contact Sales"},
-          featuresTitle: "Everything in Pro, plus:",          features: [
-            "Unlimited nodes",            "Dedicated manager",            "On-prem options"],
-        },
       ]}
       title="Simple Pricing"
       description="Transparent plans designed to scale with your ambition."
@@ -157,29 +121,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Alex Chen", role: "CTO", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg" },
-          id: "t1",          name: "Alex Chen",          role: "CTO",          company: "Global Tech",          rating: 5,
+        { id: "t2", name: "Sarah Miller", role: "Lead Engineer", company: "Innovate X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg"},
+        { id: "t3", name: "David Park", role: "DevOps Lead", company: "Data Flow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-light-portrait-background_23-2149594637.jpg" },
-        {
+        { id: "t4", name: "Elena Rossi", role: "Product Designer", company: "Nexus AI", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg" },
-          id: "t2",          name: "Sarah Miller",          role: "Lead Engineer",          company: "Innovate X",          rating: 5,
+        { id: "t5", name: "Marcus Thorne", role: "Architect", company: "Future Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg"},
-        {
-          id: "t3",          name: "David Park",          role: "DevOps Lead",          company: "Data Flow",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-light-portrait-background_23-2149594637.jpg"},
-        {
-          id: "t4",          name: "Elena Rossi",          role: "Product Designer",          company: "Nexus AI",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg"},
-        {
-          id: "t5",          name: "Marcus Thorne",          role: "Architect",          company: "Future Labs",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg"},
       ]}
       kpiItems={[
-        {
+        { value: "1.2M", label: "Ops run daily" },
-          value: "1.2M",          label: "Ops run daily"},
+        { value: "99%", label: "Happy users" },
-        {
+        { value: "15ms", label: "Avg Latency" },
-          value: "99%",          label: "Happy users"},
-        {
-          value: "15ms",          label: "Avg Latency"},
       ]}
       title="Voices of the Future"
       description="See why top developers are switching to our automation engine."
@@ -190,12 +141,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "How is Flowith different?", content: "Flowith uses a custom neural engine that processes data in real-time without the overhead of traditional automation." },
-          id: "q1",          title: "How is Flowith different?",          content: "Flowith uses a custom neural engine that processes data in real-time without the overhead of traditional automation."},
+        { id: "q2", title: "Can I integrate my existing stack?", content: "Yes, our API-first approach ensures immediate compatibility with all major industry tools." },
-        {
+        { id: "q3", title: "What kind of support is available?", content: "We offer tiered support ranging from standard email to 24/7 dedicated account managers." },
-          id: "q2",          title: "Can I integrate my existing stack?",          content: "Yes, our API-first approach ensures immediate compatibility with all major industry tools."},
-        {
-          id: "q3",          title: "What kind of support is available?",          content: "We offer tiered support ranging from standard email to 24/7 dedicated account managers."},
       ]}
       sideTitle="Questions? Answered."
       sideDescription="Everything you need to know about starting your Flowith journey."
@@ -206,25 +154,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="Ready to Flow?"
       title="Join the Intelligent Workflow Revolution"
       description="Get early access to our platform and start accelerating your development cycles today."
-      buttons={[
+      buttons={[{ text: "Contact Our Team", href: "#contact" }]}
-        {
-          text: "Contact Our Team",          href: "#contact"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Flowith"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "Terms of Service", href: "#" }}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>