Update src/app/page.tsx

src/app/page.tsx

@@ -32,91 +32,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Features", id: "features" },
-          id: "hero",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="TraceMobile"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Real-Time Mobile Status Tracking"
       description="Get instant access to mobile number location and network status updates using our secure global tracking technology. Fast, accurate, and private."
       buttons={[
-        {
+        { text: "Track Now", href: "#features" },
-          text: "Track Now",
+        { text: "Learn More", href: "#pricing" }
-          href: "#features",
-        },
-        {
-          text: "Learn More",
-          href: "#pricing",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Portrait of bald senior" },
-          src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
+        { src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg", alt: "Bearded man in brown suit" },
-          alt: "Portrait of bald senior",
+        { src: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg", alt: "Grey-haired male" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Middle eastern businessman" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg", alt: "Happy young asian businessman" }
-          src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg",
-          alt: "Bearded man in brown suit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg",
-          alt: "Grey-haired male",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
-          alt: "Middle eastern businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
-          alt: "Happy young asian businessman",
-        },
       ]}
       marqueeItems={[
-        {
+        { type: "image", src: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg", alt: "Business network" },
-          type: "image",
+        { type: "text", text: "Global Precision" },
-          src: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg", alt: "Digital background" },
-          alt: "Business network",
+        { type: "text", text: "Real-time Analytics" },
-        },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg", alt: "Blurred lights" }
-        {
-          type: "text",
-          text: "Global Precision",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg",
-          alt: "Digital background",
-        },
-        {
-          type: "text",
-          text: "Real-time Analytics",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg",
-          alt: "Blurred lights",
-        },
       ]}
     />
   </div>
@@ -128,41 +76,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Precision Location",
+          title: "Precision Location",          description: "Pinpoint precise coordinates with satellite-backed technology.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472838.jpg", imageAlt: "location tracking icon gold minimalist" },
-          description: "Pinpoint precise coordinates with satellite-backed technology.",
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205009.jpg", imageAlt: "location tracking icon gold minimalist" }
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472838.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205009.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg?_wi=2",
-          imageAlt: "location tracking icon gold minimalist",
         },
         {
-          title: "Network Status",
+          title: "Network Status",          description: "Identify current provider and signal quality immediately.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg", imageAlt: "mobile signal strength icon gold" },
-          description: "Identify current provider and signal quality immediately.",
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg", imageAlt: "mobile signal strength icon gold" }
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg",
-          imageAlt: "location tracking icon gold minimalist",
         },
         {
-          title: "Global Encryption",
+          title: "Global Encryption",          description: "Industry-leading security for all your tracking requests.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg", imageAlt: "mobile security shield icon gold" },
-          description: "Industry-leading security for all your tracking requests.",
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg", imageAlt: "mobile security shield icon gold" }
-          phoneOne: {
+        }
-            imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg?_wi=1",
-          imageAlt: "location tracking icon gold minimalist",
-        },
       ]}
       showStepNumbers={true}
       title="Powerful Features"
@@ -177,27 +101,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "99.9%", title: "Accuracy", description: "Location success rate", icon: CheckCircle },
-          id: "m1",
+        { id: "m2", value: "50k+", title: "Trackers", description: "Active daily queries", icon: Shield },
-          value: "99.9%",
+        { id: "m3", value: "120+", title: "Countries", description: "Global coverage area", icon: Globe }
-          title: "Accuracy",
-          description: "Location success rate",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "50k+",
-          title: "Trackers",
-          description: "Active daily queries",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          value: "120+",
-          title: "Countries",
-          description: "Global coverage area",
-          icon: Globe,
-        },
       ]}
       title="Proven Reliability"
       description="Join thousands of satisfied users globally."
@@ -208,61 +114,18 @@ export default function LandingPage() {
       <TestimonialCardSixteen
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="blur-reveal"
       testimonials={[
-        {
+        { id: "1", name: "Sarah Miller", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg" },
-          id: "1",
+        { id: "2", name: "John Doe", role: "Dev", company: "CloudFix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg" },
-          name: "Sarah Miller",
+        { id: "3", name: "Emily Smith", role: "PM", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
-          role: "CEO",
+        { id: "4", name: "David Lee", role: "Ops", company: "FixIt", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg" },
-          company: "TechStream",
+        { id: "5", name: "Jane Wilson", role: "Design", company: "IdeaFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169334.jpg" }
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          role: "Dev",
-          company: "CloudFix",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Emily Smith",
-          role: "PM",
-          company: "GrowthX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
-        },
-        {
-          id: "4",
-          name: "David Lee",
-          role: "Ops",
-          company: "FixIt",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Wilson",
-          role: "Design",
-          company: "IdeaFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169334.jpg",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "5.0", label: "Avg Rating" },
-          value: "5.0",
+        { value: "10s", label: "Avg Speed" },
-          label: "Avg Rating",
+        { value: "100%", label: "Secure" }
-        },
-        {
-          value: "10s",
-          label: "Avg Speed",
-        },
-        {
-          value: "100%",
-          label: "Secure",
-        },
       ]}
       title="Trusted by Experts"
       description="See what our users say about our service."
@@ -276,42 +139,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Basic Tracker", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458981.jpg" },
-          id: "p1",
+        { id: "p2", name: "Pro API", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg" },
-          name: "Basic Tracker",
+        { id: "p3", name: "Enterprise", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184226.jpg" },
-          price: "$49",
+        { id: "p4", name: "Global Plus", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458981.jpg",
+        { id: "p5", name: "Standard Access", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg" },
-        },
+        { id: "p6", name: "Lite Version", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg" }
-        {
-          id: "p2",
-          name: "Pro API",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg",
-        },
-        {
-          id: "p3",
-          name: "Enterprise",
-          price: "$499",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184226.jpg",
-        },
-        {
-          id: "p4",
-          name: "Global Plus",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg",
-        },
-        {
-          id: "p5",
-          name: "Standard Access",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg",
-        },
-        {
-          id: "p6",
-          name: "Lite Version",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg",
-        },
       ]}
       title="Premium API Access"
       description="Integrate our tracking capabilities directly into your software."
@@ -323,13 +156,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TechCorp",
+        "TechCorp", "Innovate", "GlobalConnect", "DataStream", "CloudSync", "SecureNet", "Apex Solutions"
-        "Innovate",
-        "GlobalConnect",
-        "DataStream",
-        "CloudSync",
-        "SecureNet",
-        "Apex Solutions",
       ]}
       title="Corporate Partners"
       description="We work with top-tier technology companies worldwide."
@@ -341,21 +168,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Is tracking private?", content: "Yes, we use military-grade encryption." },
-          id: "f1",
+        { id: "f2", title: "How accurate is it?", content: "Our data is accurate to within 5 meters." },
-          title: "Is tracking private?",
+        { id: "f3", title: "Can I cancel anytime?", content: "Absolutely, no contracts required." }
-          content: "Yes, we use military-grade encryption.",
-        },
-        {
-          id: "f2",
-          title: "How accurate is it?",
-          content: "Our data is accurate to within 5 meters.",
-        },
-        {
-          id: "f3",
-          title: "Can I cancel anytime?",
-          content: "Absolutely, no contracts required.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about our service."
@@ -366,9 +181,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Contact Our Team"
       description="Have questions about our API or tracking services? Get in touch."
       tag="Support"
@@ -378,34 +191,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Home", href: "#hero" }, { label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
-          items: [
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="TraceMobile"
     />