Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Solutions",
-          id: "features",
-        },
+          name: "Solutions",          id: "features"},
         {
-          name: "Impact",
-          id: "metrics",
-        },
+          name: "Impact",          id: "metrics"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Citiboard"
     />
@@ -56,55 +48,37 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
-      }}
-      title="Digitizing Your Brand Presence"
+        variant: "gradient-bars"}}
+      title="Dominate Urban Spaces with Digital Advertising"
       description="Unlock high-impact digital outdoor advertising solutions that capture attention in Sweden's busiest city hubs."
       imageSrc="http://img.b2bpic.net/free-photo/young-stylish-woman-exploring-city_23-2149186681.jpg"
       mediaAnimation="slide-up"
+      buttons={[
+        { text: "Book a Consultation", href: "#contact" }
+      ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Portrait of young successful professional",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "Portrait of young successful professional"},
         {
-          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-          alt: "Middle-aged Business Leader",
-        },
+          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",          alt: "Middle-aged Business Leader"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-          alt: "Smiling young businessman",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",          alt: "Smiling young businessman"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193992.jpg",
-          alt: "Dreamy corporate woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193992.jpg",          alt: "Dreamy corporate woman"},
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
-          alt: "Successful businesswoman",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",          alt: "Successful businesswoman"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "High Impact",
-        },
+          type: "text",          text: "High Impact"},
         {
-          type: "text",
-          text: "Urban Reach",
-        },
+          type: "text",          text: "Urban Reach"},
         {
-          type: "text",
-          text: "Data-Driven",
-        },
+          type: "text",          text: "Data-Driven"},
         {
-          type: "text",
-          text: "Premium DOOH",
-        },
+          type: "text",          text: "Premium DOOH"},
         {
-          type: "text",
-          text: "Citywide Exposure",
-        },
+          type: "text",          text: "Citywide Exposure"},
       ]}
     />
   </div>
@@ -126,19 +100,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Real-time Connectivity",
-          description: "Update your campaign creative instantly across our entire network.",
-        },
+          title: "Real-time Connectivity",          description: "Update your campaign creative instantly across our entire network."},
         {
           icon: BarChart2,
-          title: "Data-Driven Insights",
-          description: "Track visibility and audience reach with detailed campaign reporting.",
-        },
+          title: "Data-Driven Insights",          description: "Track visibility and audience reach with detailed campaign reporting."},
         {
           icon: Globe,
-          title: "Premium Urban Reach",
-          description: "Target key metropolitan areas with screens located at high-footfall junctions.",
-        },
+          title: "Premium Urban Reach",          description: "Target key metropolitan areas with screens located at high-footfall junctions."},
       ]}
       title="Why Partner with Citiboard"
       description="Superior reach, data-driven placement, and high-impact digital visibility."
@@ -153,25 +121,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "1.2M",
-          title: "Weekly Impressions",
-          description: "Average reach per screen",
-          icon: Eye,
+          id: "m1",          value: "1.2M",          title: "Weekly Impressions",          description: "Average reach per screen",          icon: Eye,
         },
         {
-          id: "m2",
-          value: "45+",
-          title: "Active Locations",
-          description: "Across major cities",
-          icon: MapPin,
+          id: "m2",          value: "45+",          title: "Active Locations",          description: "Across major cities",          icon: MapPin,
         },
         {
-          id: "m3",
-          value: "98%",
-          title: "Uptime Reliability",
-          description: "Maximum campaign exposure",
-          icon: CheckCircle,
+          id: "m3",          value: "98%",          title: "Uptime Reliability",          description: "Maximum campaign exposure",          icon: CheckCircle,
         },
       ]}
       title="Measuring Success"
@@ -184,14 +140,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "InnovateTech",
-        "GreenSolutions",
-        "GlobalRetail",
-        "CreativeFlow",
-        "UrbanPulse",
-        "NordicGrowth",
-        "TechFoundry",
-      ]}
+        "InnovateTech",        "GreenSolutions",        "GlobalRetail",        "CreativeFlow",        "UrbanPulse",        "NordicGrowth",        "TechFoundry"]}
       title="Trusted by Industry Leaders"
       description="Partnering with brands that demand excellence in every impression."
     />
@@ -204,45 +153,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Jensen",
-          handle: "@jensen_mkt",
-          testimonial: "The reach and engagement we achieved on Citiboard screens surpassed our expectations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
+          id: "1",          name: "Sarah Jensen",          handle: "@jensen_mkt",          testimonial: "The reach and engagement we achieved on Citiboard screens surpassed our expectations.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
         {
-          id: "2",
-          name: "Markus Berg",
-          handle: "@berg_creative",
-          testimonial: "Seamless integration and high-quality screens. Truly the premium choice for DOOH.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
-        },
+          id: "2",          name: "Markus Berg",          handle: "@berg_creative",          testimonial: "Seamless integration and high-quality screens. Truly the premium choice for DOOH.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg"},
         {
-          id: "3",
-          name: "Elena Rossi",
-          handle: "@rossi_growth",
-          testimonial: "A reliable partner for our city-wide awareness campaigns. Highly professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
-        },
+          id: "3",          name: "Elena Rossi",          handle: "@rossi_growth",          testimonial: "A reliable partner for our city-wide awareness campaigns. Highly professional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg"},
         {
-          id: "4",
-          name: "David Svensson",
-          handle: "@dsvensson",
-          testimonial: "Excellent visibility and performance data. Our go-to for outdoor advertising.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5368.jpg",
-        },
+          id: "4",          name: "David Svensson",          handle: "@dsvensson",          testimonial: "Excellent visibility and performance data. Our go-to for outdoor advertising.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/man-portrait-posing-loft-modern-space_158595-5368.jpg"},
         {
-          id: "5",
-          name: "Karin Lindholm",
-          handle: "@klindholm",
-          testimonial: "The precision of targeting is incredible. Our conversion rate increased significantly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
-        },
+          id: "5",          name: "Karin Lindholm",          handle: "@klindholm",          testimonial: "The precision of targeting is incredible. Our conversion rate increased significantly.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg"},
       ]}
       showRating={true}
       title="Client Success Stories"
@@ -256,20 +180,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How do I start a campaign?",
-          content: "Contact our team with your goals and creative requirements. We'll handle the rest.",
-        },
+          id: "f1",          title: "How do I start a campaign?",          content: "Our onboarding begins with a discovery session where we define your brand KPIs and align them with our screen locations. Once goals are set, our production team assists in optimizing your creative assets for maximum impact."},
         {
-          id: "f2",
-          title: "Can I target specific demographics?",
-          content: "Yes, our screen locations allow for strategic targeting based on high-traffic demographic insights.",
-        },
+          id: "f2",          title: "Can I target specific demographics?",          content: "Absolutely. We utilize granular audience data from high-footfall metropolitan areas, allowing you to tailor your campaign based on age, lifestyle, and peak engagement times to ensure you reach the right viewers."},
         {
-          id: "f3",
-          title: "What creative formats are accepted?",
-          content: "We support high-resolution video and motion graphic formats for maximum impact.",
-        },
+          id: "f3",          title: "What creative formats are accepted?",          content: "We support high-resolution video formats and dynamic motion graphics. Our technical specs are designed to ensure your content looks crisp, vivid, and retains high attention rates regardless of screen placement."},
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about starting your digital campaign."
@@ -281,8 +196,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in touch"
       title="Ready to go digital?"
       description="Start your journey with Citiboard Media and place your brand in the heart of the city."
@@ -298,23 +212,17 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Twitter,
-          href: "https://twitter.com",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com",          ariaLabel: "Twitter"},
         {
           icon: Linkedin,
-          href: "https://linkedin.com",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://linkedin.com",          ariaLabel: "LinkedIn"},
         {
           icon: Instagram,
-          href: "https://instagram.com",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com",          ariaLabel: "Instagram"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}