Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -33,43 +33,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Services", id: "features" },
-          name: "Services",          id: "features"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "About", id: "about" },
-          name: "Pricing",          id: "pricing"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Netscape Cyber"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <HeroBillboard
-      logoText="Netscape Cyber"
+      title="Proactive protection for your digital assets."
-      description="Proactive protection for your digital assets. We provide elite cybersecurity intelligence to secure your business ecosystem against evolving threats."
+      description="We provide elite cybersecurity intelligence to secure your business ecosystem against evolving threats."
+      background={{ variant: "gradient-bars" }}
       buttons={[
-        {
+        { text: "Get Protected", href: "#contact" },
-          text: "Get Protected",          href: "#contact"},
+        { text: "View Pricing", href: "#pricing" },
-        {
-          text: "View Pricing",          href: "#pricing"},
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2152004046.jpg",          imageAlt: "Data Protection"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg",          imageAlt: "Secure Shield"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg",          imageAlt: "Server Security"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-21208.jpg",          imageAlt: "Firewall System"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-enter-password-security-graphic-concept_53876-123748.jpg",          imageAlt: "Authentication"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/commander-communicating-with-allied-forces-transmitting-data_482257-90016.jpg",          imageAlt: "Network Defense"},
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2152004046.jpg"
     />
   </div>
 
@@ -77,8 +59,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Enterprise Data", "Cloud Guard", "Tech Sync", "Secure Corp", "Shield Net"]}
-        "Enterprise Data",        "Cloud Guard",        "Tech Sync",        "Secure Corp",        "Shield Net",        "Inno Sec",        "Data Shield"]}
       title="Securing Global Leaders"
       description="Trusted by industry experts to defend the infrastructure of the future."
     />
@@ -88,15 +69,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Our Mission is Total Digital Sovereignty" },
-          type: "text",          content: "Our Mission is Total Digital Sovereignty"},
+        { type: "image", src: "http://img.b2bpic.net/free-photo/trans-man-work-with-laptop_23-2149409845.jpg", alt: "Team" },
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/trans-man-work-with-laptop_23-2149409845.jpg",          alt: "Team"},
-      ]}
-      buttons={[
-        {
-          text: "Read Our Vision",          href: "#"},
       ]}
+      buttons={[{ text: "Read Our Vision", href: "#" }]}
     />
   </div>
 
@@ -107,15 +83,15 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Zero Trust Architecture", description: "Strict verification and continuous monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895855.jpg" },
-          title: "Zero Trust Architecture",          description: "Strict verification, least privilege, and continuous monitoring.",          imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895855.jpg",          imageAlt: "Zero Trust"},
+        { title: "Real-time Threat Analytics", description: "Identify and neutralize threats before they scale.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529433.jpg" },
-        {
+        { title: "Threat Intelligence Feeds", description: "Stay ahead of global malicious actors.", imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-data-center-managing-servers_482257-124813.jpg" },
-          title: "Real-time Analytics",          description: "Detect threats before they escalate into breaches.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529433.jpg",          imageAlt: "Real-time"},
+        { title: "Cloud Security Compliance", description: "Multi-cloud environment protection and governance.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=2" },
-        {
+        { title: "Vulnerability Management", description: "Proactive scanning for infrastructure weaknesses.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-21208.jpg" },
-          title: "Threat Intel Feeds",          description: "Global database of emerging vectors for early prevention.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-data-center-managing-servers_482257-124813.jpg",          imageAlt: "Threat Intel"},
+        { title: "Network Defense Systems", description: "Hardening your perimeter against modern attacks.", imageSrc: "http://img.b2bpic.net/free-photo/commander-communicating-with-allied-forces-transmitting-data_482257-90016.jpg" }
       ]}
-      title="Cyber Security Capabilities"
+      title="Comprehensive Cyber Services"
-      description="Comprehensive defense strategies tailored to your enterprise scale."
+      description="Our full suite of security solutions designed to protect every layer of your enterprise infrastructure."
     />
   </div>
 
@@ -125,30 +101,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "starter", price: "$1,999/mo", name: "Starter", buttons: [{ text: "Start Plan", href: "#" }], features: ["Security Scan", "Basic Firewall", "Email Support"] },
-          id: "starter",          price: "$1,999/mo",          name: "Starter",          buttons: [
+        { id: "enterprise", price: "$4,999/mo", name: "Enterprise", buttons: [{ text: "Choose Enterprise", href: "#" }], features: ["24/7 Monitoring", "Zero Trust Setup", "Priority Support"] },
-            {
+        { id: "custom", price: "Custom", name: "Enterprise Plus", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Dedicated SOC", "Global Infrastructure", "Tailored Defense"] },
-              text: "Start Plan",              href: "#"},
-          ],
-          features: [
-            "Security Scan",            "Basic Firewall",            "Email Support"],
-        },
-        {
-          id: "enterprise",          price: "$4,999/mo",          name: "Enterprise",          buttons: [
-            {
-              text: "Choose Enterprise",              href: "#"},
-          ],
-          features: [
-            "24/7 Monitoring",            "Zero Trust Setup",            "Priority Support"],
-        },
-        {
-          id: "custom",          price: "Custom",          name: "Enterprise Plus",          buttons: [
-            {
-              text: "Contact Us",              href: "#contact"},
-          ],
-          features: [
-            "Dedicated SOC",            "Global Infrastructure",            "Tailored Defense"],
-        },
       ]}
       title="Defensive Tiers"
       description="Flexible plans designed to grow with your infrastructure demands."
@@ -161,15 +116,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", icon: Shield, title: "Threats Blocked", value: "1.2M+" },
-          id: "m1",          icon: Shield,
+        { id: "m2", icon: Zap, title: "Response Time", value: "< 5ms" },
-          title: "Threats Blocked",          value: "1.2M+"},
+        { id: "m3", icon: Award, title: "Client Retention", value: "99.8%" },
-        {
-          id: "m2",          icon: Zap,
-          title: "Response Time",          value: "< 5ms"},
-        {
-          id: "m3",          icon: Award,
-          title: "Client Retention",          value: "99.8%"},
       ]}
       title="Proven Efficacy"
       description="Data-driven results ensuring peace of mind across our client base."
@@ -182,18 +131,7 @@ export default function LandingPage() {
       testimonial="Netscape Cyber transformed our security posture completely. We've had zero incidents since integration."
       rating={5}
       author="Sarah Miller, CTO"
-      avatars={[
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/four-multiethnic-colleagues-looking-computer-screen-office_93675-134937.jpg", alt: "Sarah" }]}
-        {
-          src: "http://img.b2bpic.net/free-photo/four-multiethnic-colleagues-looking-computer-screen-office_93675-134937.jpg",          alt: "Sarah"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-around-computer_23-2149370613.jpg",          alt: "Mark"},
-        {
-          src: "http://img.b2bpic.net/free-photo/group-graphic-designers-using-digital-tablet_1170-772.jpg",          alt: "Lisa"},
-        {
-          src: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg",          alt: "David"},
-        {
-          src: "http://img.b2bpic.net/free-photo/call-center-team-agents-wearing-headset-assisting-customers_482257-125962.jpg",          alt: "James"},
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -204,26 +142,21 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Is integration slow?", content: "Deployment takes minutes with our managed automation tools." },
-          id: "q1",          title: "Is integration slow?",          content: "Deployment takes minutes with our managed automation tools."},
+        { id: "q2", title: "Can you scale?", content: "Our infra supports everything from SMBs to Fortune 500." },
-        {
-          id: "q2",          title: "Can you scale?",          content: "Our infra supports everything from SMBs to Fortune 500."},
-        {
-          id: "q3",          title: "Do you provide SOC?",          content: "Yes, dedicated 24/7 Security Operations Center services are available."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mystery-box-collage_23-2150061729.jpg"
-      mediaAnimation="slide-up"
       title="Defensive Queries"
-      description="Common answers to your protection questions."
+      description="Frequently asked questions regarding our security protocols and services."
       faqsAnimation="slide-up"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "animated-grid" }}
-        variant: "animated-grid"}}
       title="Secure Your Future"
       description="Ready to fortify your perimeter? Reach out to our engineers."
       imageSrc="http://img.b2bpic.net/free-photo/experienced-call-center-employee-listening-customer-inquiries_482257-125965.jpg"
@@ -237,27 +170,8 @@ export default function LandingPage() {
       logoText="Netscape Cyber"
       copyrightText="© 2024 Netscape Cyber Services. All rights reserved."
       columns={[
-        {
+        { title: "Solutions", items: [{ label: "Zero Trust", href: "#features" }, { label: "Cloud Defense", href: "#" }] },
-          title: "Solutions",          items: [
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-            { label: "Zero Trust", href: "#features" },
-            { label: "Security Operations", href: "#" },
-            { label: "Threat Intelligence", href: "#" },
-          ],
-        },
-        {
-          title: "Company",          items: [
-            { label: "About Us", href: "#about" },
-            { label: "Careers", href: "#" },
-            { label: "Contact", href: "#contact" },
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Service", href: "#" },
-            { label: "Compliance", href: "#" },
-          ],
-        },
       ]}
     />
   </div>