Content Sections

0import React from "react";
1
2export function ContentSections1() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="grid grid-cols-1 gap-x-20 gap-y-12 lg:grid-cols-2">
6        <div>
7          <h2 className="mb-2 text-lg font-semibold text-sky-600">
8            Driving Innovation
9          </h2>
10          <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
11            Unleash Your Digital Potential With JettWave
12          </p>
13          <p className="mb-4 text-lg text-slate-600">
14            Welcome to JettWave, the premier destination for unleashing the full
15            potential of your online presence.
16          </p>
17          <p className="mb-4 text-slate-600">
18            Our team of talented designers, developers, and strategists work in
19            harmony to create websites that reflect your unique brand identity
20            and resonate with your target audience. From visually stunning
21            designs to seamless functionality, we prioritize every aspect of
22            your online presence to ensure it stands out in today's competitive
23            digital landscape.
24          </p>
25          <p className="mb-4 text-slate-600">
26            With our cutting-edge technologies and industry expertise, we
27            empower businesses of all sizes to thrive in the digital realm.
28            Whether you're a startup looking to make a splash or an established
29            enterprise seeking to enhance your online presence, we have the
30            tools and knowledge to make it happen.
31          </p>
32          <p className="text-slate-600">
33            At JettWave, we believe that a successful website is more than just
34            lines of code; it's a digital gateway to your brand's success.
35            Partner with us to unlock the true potential of your online presence
36            and embark on a transformative journey that will elevate your
37            business to new heights.
38          </p>
39        </div>
40
41        <div className="sticky top-24 aspect-square h-fit w-full sm:max-lg:aspect-[3/2]">
42          <img
43            src="https://images.unsplash.com/photo-1684350773533-689f34efa3f4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE0NHxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60"
44            className="absolute right-0 top-0 aspect-square w-3/4 origin-top-right rounded-3xl object-cover sm:max-lg:w-1/2 sm:max-lg:scale-[1.20]"
45          />
46          <img
47            src="https://images.unsplash.com/photo-1684780451370-388a23a7902f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE0N3xNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60"
48            className="absolute left-0 top-1/2 aspect-square w-1/2 origin-bottom-left rounded-3xl object-cover sm:max-lg:top-1/4 sm:max-lg:scale-105"
49          />
50        </div>
51      </div>
52    </div>
53  );
54}
55

0import React from "react";
1
2export function ContentSections2() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="mb-12 max-w-3xl">
6        <h2 className="mb-2 text-lg font-semibold text-sky-600">
7          Valuable Metrics
8        </h2>
9        <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
10          Empowering Growth And Innovation
11        </p>
12        <p className="text-lg text-slate-600">
13          At JettWave, we believe in the transformative power of adaptive ideas
14          and cutting-edge technologies. Through our innovative approach, we
15          help businesses revolutionize their front-end data and unlock
16          sustainable benefits.
17        </p>
18      </div>
19
20      <div className="flex gap-x-16 gap-y-12 max-lg:flex-col">
21        <div className="relative min-h-[320px] w-full max-lg:h-96 lg:order-last">
22          <img
23            src="https://images.unsplash.com/photo-1607331488025-a81a1f2214e8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
24            className="absolute inset-0 h-full w-full rounded-3xl bg-sky-100 object-cover"
25          />
26        </div>
27
28        <div className="lg:min-w-[512px] lg:max-w-lg">
29          <p className="mb-4 text-slate-600">
30            At JettWave, we are driven by a relentless pursuit of innovation and
31            excellence. We believe in the power of adaptive ideas to create
32            sticky value for our clients. Through revolutionizing front-end data
33            and delivering enabled deliverables, we go beyond conventional
34            practices to redefine the possibilities of e-business.
35          </p>
36          <p className="mb-4 text-slate-600">
37            Our team of experts is dedicated to crafting interactive user
38            experiences that captivate and engage. We don't settle for ordinary.
39            Instead, we whiteboard and ideate with bleeding-edge concepts to
40            bring your e-commerce vision to life.
41          </p>
42          <p className="text-slate-600">
43            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at
44            velit eu mauris suscipit mollis a auctor nisl. Sed mollis aliquam mi
45            sed dictum. Phasellus ultricies velit nec nisi sollicitudin, sed
46            interdum sapien sagittis. Nullam in placerat massa. Nulla facilisi.
47            Nullam bibendum ullamcorper lacus, eu pulvinar lectus ullamcorper
48            ac. Aliquam sed mauris vel ligula consequat finibus.
49          </p>
50        </div>
51      </div>
52    </div>
53  );
54}
55

0import React from "react";
1
2export function ContentSections3() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="flex gap-x-20 gap-y-12 max-lg:flex-col">
6        <div className="flex flex-col gap-y-8">
7          <div>
8            <h2 className="mb-2 text-lg font-semibold text-sky-600">
9              Key Features
10            </h2>
11            <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
12              Unleash The Power Of Technology
13            </p>
14            <p className="mb-4 text-lg text-slate-600">
15              Our team is dedicated to excellence and staying at the forefront
16              of industry trends. We believe in leveraging the power of
17              technology to drive business growth and success. With our
18              comprehensive approach, we empower businesses to optimize their
19              online presence, enhance customer experiences, and achieve their
20              goals.
21            </p>
22            <p className="mb-4 text-lg text-slate-600">
23              At JettWave, we have a relentless drive to synthesize value
24              through adaptive ideas and revolutionize front-end data. Our focus
25              is on delivering efficient solutions that go beyond sustainable
26              benefits. We maintain an authoritative approach to enable
27              deliverables, ensuring our clients receive the best-of-breed
28              e-business solutions. Our goal is to create compelling user
29              experiences that engage and captivate without the limitations of
30              vertical models. With our expertise, we can rapidly whiteboard and
31              implement e-commerce strategies that are fueled by bleeding-edge
32              ideas.
33            </p>
34
35            <p className="text-lg text-slate-600">
36              We understand the challenges and complexities of the digital
37              landscape, and we are here to guide our clients every step of the
38              way. Whether it's developing a robust e-commerce platform,
39              implementing SEO strategies, or creating engaging content, we have
40              the expertise and passion to deliver results.
41            </p>
42          </div>
43        </div>
44
45        <div className="relative aspect-square h-full w-full overflow-hidden rounded-3xl sm:max-lg:max-h-96 lg:sticky lg:top-24 lg:min-w-[384px] lg:max-w-sm xl:min-w-[448px] xl:max-w-md">
46          <img
47            src="https://images.unsplash.com/photo-1684803975492-3025a51d60fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE0NnxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60"
48            className="absolute inset-0 h-full w-full bg-sky-100 object-cover"
49          />
50        </div>
51      </div>
52    </div>
53  );
54}
55

0import React from "react";
1
2export function ContentSections4() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="mb-4 max-w-3xl">
6        <h2 className="mb-2 text-lg font-semibold text-sky-600">
7          Enhanced Metrics
8        </h2>
9        <p className="text-4xl font-bold tracking-tight text-slate-900">
10          Unleash Your Creative Potential
11        </p>
12      </div>
13
14      <div className="flex gap-x-16 gap-y-12 max-md:flex-col">
15        <div>
16          <p className="mb-4 text-slate-600">
17            At Jettwave, we believe that technology can revolutionize the way we
18            live and work. As a leading tech company, we are at the forefront of
19            this transformation. Our team of experts is dedicated to developing
20            cutting-edge solutions that solve complex challenges and drive
21            tangible results.
22          </p>
23          <p className="mb-4 text-slate-600">
24            With a focus on innovation, we continuously push the boundaries of
25            what is possible. Through advanced research, strategic partnerships,
26            and a deep understanding of industry trends, we stay ahead of the
27            curve and deliver solutions that are both impactful and scalable.
28          </p>
29
30          <p className="text-slate-600">
31            We take pride in our customer-centric approach, placing the needs
32            and goals of our clients at the forefront. Through deep
33            understanding and meticulous analysis, we develop customized
34            solutions that address specific challenges and deliver measurable
35            results. Partner with Jettwave to unlock your true potential and
36            embark on a journey of digital success.
37          </p>
38        </div>
39        <div>
40          <p className="mb-4 font-medium text-slate-600">
41            Jettwave, a renowned tech company, has established itself as a
42            leader in the industry with its remarkable achievements. Our
43            relentless pursuit of innovation has enabled us to develop
44            groundbreaking solutions that redefine the digital landscape. With
45            an unwavering commitment to excellence, we deliver exceptional value
46            to our clients, empowering them to stay ahead of the competition.
47          </p>
48          <p className="mb-4 text-slate-600">
49            Our commitment to excellence extends beyond technology. We
50            prioritize the needs of our clients and strive to exceed their
51            expectations. By fostering collaboration and leveraging our diverse
52            expertise, we create holistic solutions that address the unique
53            challenges of each business.
54          </p>
55          <p className="text-slate-600">
56            At Jettwave, we believe in the power of collaboration and synergy.
57            Our team of experts, consisting of talented engineers, designers,
58            and strategists, works seamlessly to create transformative
59            experiences for our clients. By leveraging cutting-edge
60            technologies, we unlock new possibilities and drive digital
61            transformation for businesses of all sizes.
62          </p>
63        </div>
64      </div>
65    </div>
66  );
67}
68

0import React from "react";
1
2export function ContentSections5() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="flex gap-x-16 gap-y-12 max-md:flex-col">
6        <div className="flex flex-col gap-y-8">
7          <div>
8            <h2 className="mb-2 text-lg font-semibold text-sky-700">
9              Insightful Metrics
10            </h2>
11            <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
12              Insights for Success
13            </p>
14            <p className="text-lg text-slate-600">
15              In today's competitive landscape, businesses are constantly
16              seeking ways to gain a competitive edge and drive success. One of
17              the key ingredients in this pursuit is the utilization of valuable
18              metrics.
19            </p>
20          </div>
21
22          <hr className="h-[1px] border-none bg-slate-200 max-lg:hidden" />
23
24          <div>
25            <p className="mb-4 text-slate-600">
26              Jettwave is a trailblazing tech company that has revolutionized
27              the industry with its innovative solutions. Our cutting-edge
28              technologies and forward-thinking approach have propelled us to
29              the forefront of the tech world. With a dedicated team of experts,
30              we have consistently delivered exceptional results, driving growth
31              and success for our clients. At Jettwave, we are committed to
32              pushing boundaries and shaping the future of technology.
33            </p>
34            <p className="mb-4 text-slate-600">
35              Our range of services includes software development, cloud
36              solutions, data analytics, and cybersecurity. We work closely with
37              our clients to understand their unique needs and provide tailored
38              solutions that help them achieve their business goals. With our
39              expertise and industry knowledge, we empower businesses to stay
40              competitive in a rapidly evolving digital landscape.
41            </p>
42          </div>
43        </div>
44        <div className="h-fit lg:sticky lg:top-24">
45          <p className="mb-4 text-slate-600">
46            Jettwave is a leading technology company that has been driving
47            digital transformation for businesses worldwide. With our
48            comprehensive suite of solutions and services, we help organizations
49            leverage the power of technology to streamline operations, enhance
50            productivity, and drive growth.
51          </p>
52          <p className="mb-4 font-medium text-slate-900">
53            Our team of highly skilled professionals combines technical
54            expertise with industry knowledge to deliver innovative and
55            customized solutions. From software development and cloud services
56            to artificial intelligence and machine learning, we offer a wide
57            range of cutting-edge technologies to address the unique needs of
58            our clients.
59          </p>
60          <p className="mb-4 text-slate-600">
61            At Jettwave, we understand that each business is unique, which is
62            why we take a consultative approach to identify the right solutions
63            for our clients. We work closely with them to understand their
64            goals, challenges, and opportunities, and then develop tailored
65            strategies that drive results. With our commitment to excellence and
66            customer satisfaction, we have established ourselves as a trusted
67            partner for businesses looking to thrive in the digital age.
68          </p>
69        </div>
70      </div>
71    </div>
72  );
73}
74

0import Link from "next/link";
1import React from "react";
2
3const data = [
4  {
5    src: "https://images.unsplash.com/photo-1684327694957-4184dbf90d17?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE1OXxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60",
6  },
7  {
8    src: "https://images.unsplash.com/photo-1684434037158-ceb3dc936731?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE2NnxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60",
9  },
10  {
11    src: "https://images.unsplash.com/photo-1677798722861-23747637593c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE3NHxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60",
12  },
13];
14
15export function ContentSections6() {
16  return (
17    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
18      <div className="grid grid-cols-1 items-center gap-x-20 gap-y-12 lg:grid-cols-2">
19        <div className="flex flex-col gap-y-8">
20          <div>
21            <h2 className="mb-2 text-lg font-semibold text-sky-600">
22              About JettWave
23            </h2>
24            <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
25              Revolutionizing The Future With JettWave
26            </p>
27            <p className="mb-4 text-lg text-slate-600">
28              Jettwave is synonymous with innovation and success in the tech
29              industry. With a proven track record of delivering cutting-edge
30              solutions, we empower businesses to thrive in the digital era. Our
31              dedicated team of visionaries, engineers, and strategists is
32              driven by a shared passion for technology and a commitment to
33              excellence.
34            </p>
35          </div>
36
37          <div className="flex w-fit flex-wrap gap-4">
38            <Link
39              href="#"
40              className="h-fit w-fit select-none rounded-lg bg-sky-600 px-5 py-2.5 text-sm lowercase text-slate-100 outline-1 outline-sky-600 duration-75 first-letter:uppercase hover:bg-sky-800 active:scale-95 disabled:pointer-events-none disabled:bg-sky-600/50"
41            >
42              start now
43            </Link>
44            <Link
45              href="#"
46              className="h-fit w-fit select-none rounded-lg bg-slate-50 px-5 py-2.5 text-sm font-medium lowercase text-slate-900 outline-1 outline-sky-600 ring-1 ring-slate-200 duration-75 first-letter:uppercase hover:bg-slate-100 hover:text-sky-600 active:scale-95 disabled:pointer-events-none disabled:text-slate-900/25 disabled:ring-slate-200/50"
47            >
48              learn more
49            </Link>
50          </div>
51        </div>
52
53        <div className="grid flex-shrink-0 grid-cols-2 grid-rows-2 gap-4 sm:max-lg:mb-14 sm:max-lg:grid-cols-3 sm:max-lg:grid-rows-1 lg:max-w-xl">
54          {data.map(({ src }, index: number) => {
55            return (
56              <div
57                key={index}
58                className="max-sm:even:translate-y-1/2 sm:max-lg:last:-translate-y-12 sm:max-lg:even:translate-y-14 lg:even:translate-y-1/2"
59              >
60                <img
61                  src={src}
62                  className="aspect-square w-full rounded-3xl bg-sky-100 object-cover"
63                />
64              </div>
65            );
66          })}
67        </div>
68      </div>
69    </div>
70  );
71}
72

0import React from "react";
1
2export function ContentSections7() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="mb-6 max-w-3xl">
6        <h2 className="mb-2 text-lg font-semibold text-sky-600">
7          JettWave Analytics Platform
8        </h2>
9        <p className="text-4xl font-bold tracking-tight text-slate-900">
10          Unleash The Power Of Data With JettWave
11        </p>
12      </div>
13
14      <div className="mb-12 flex gap-x-16 gap-y-12 max-md:flex-col">
15        <div>
16          <p className="mb-4 text-slate-600">
17            Jettwave is a highly acclaimed tech company renowned for its
18            groundbreaking solutions and exceptional performance. With a
19            relentless pursuit of innovation, we consistently deliver
20            cutting-edge technologies that empower businesses to thrive in the
21            digital era. Our team of experts is committed to understanding your
22            unique needs and providing tailored solutions that drive tangible
23            results. Partner with Jettwave and experience the true power of
24            technology.
25          </p>
26
27          <p className="text-slate-600">
28            Our comprehensive range of services includes strategic consulting,
29            software development, data analytics, and cybersecurity. We
30            collaborate closely with our clients, leveraging our deep industry
31            expertise to design and implement solutions that align with their
32            business objectives. Whether you're a startup or an established
33            enterprise, Jettwave is your trusted partner for success in the
34            ever-evolving tech landscape.
35          </p>
36        </div>
37        <div>
38          <p className="mb-4 text-slate-600">
39            At Jettwave, we go beyond delivering technology solutions. We foster
40            long-term partnerships, providing ongoing support and maintenance to
41            ensure optimal performance and scalability. Our commitment to
42            excellence is reflected in our track record of successful projects
43            and satisfied clients. Join the ranks of leading businesses that
44            have experienced the transformative power of Jettwave's innovative
45            solutions.
46          </p>
47
48          <p className="text-slate-600">
49            Jettwave's success story is built upon a foundation of cutting-edge
50            technologies and a customer-centric approach. As a market leader in
51            the tech industry, we continuously push boundaries and redefine
52            possibilities. Our talented team of professionals brings together
53            expertise in software development, artificial intelligence, cloud
54            computing, and more to create game-changing solutions for our
55            clients.
56          </p>
57        </div>
58      </div>
59
60      <div className="w-full h-fit">
61        <img
62          src="https://q4y2k3w9.rocketcdn.me/wp-content/uploads/2020/11/Treo-Angular-10-Admin-Template.png"
63          className="h-full aspect-video w-full rounded-t-3xl object-cover [mask-image:linear-gradient(to_top,rgba(255,255,255,0)5%,rgba(255,255,255,1)25%)]"
64        />
65      </div>
66    </div>
67  );
68}
69

0import React from "react";
1
2const data = [
3  {
4    title: "Unleash Your Potential",
5    content:
6      "Discover the limitless possibilities with Jettwave. Our cutting-edge solutions empower individuals and businesses to reach new heights. Don't settle for less, let Jettwave take you to the next level.",
7  },
8  {
9    title: "Innovation for All",
10    content:
11      "Experience innovation that is accessible to everyone. At Jettwave, we believe in democratizing technology and making it available to all. Embrace the power of technology and transform your ideas into reality.",
12  },
13  {
14    title: "Empowering Connections",
15    content:
16      "Jettwave brings people together through technology. Our solutions foster meaningful connections, enabling collaboration and driving collective success. Connect, collaborate, and thrive with Jettwave.",
17  },
18  {
19    title: "Seize the Future",
20    content:
21      "Embrace the future with Jettwave. Our forward-thinking approach and breakthrough solutions empower you to stay ahead in a rapidly evolving digital landscape. Seize the opportunities of tomorrow with confidence.",
22  },
23  {
24    title: "Innovate. Inspire. Impact.",
25    content:
26      "Jettwave fuels innovation, inspires creativity, and makes a lasting impact. We are here to revolutionize industries, challenge the status quo, and create a better future. Join us on this journey of transformation.",
27  },
28  {
29    title: "Elevate Your Vision",
30    content:
31      "Experience a new dimension of possibilities with Jettwave. We help you elevate your vision, turning your ideas into reality. Together, let's create a future that surpasses all expectations.",
32  },
33];
34
35export function ContentSections8() {
36  return (
37    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
38      <div className="flex flex-col items-center gap-y-8 md:items-start">
39        <div className="flex max-w-3xl flex-col gap-y-2">
40          <h3 className="text-3xl font-bold capitalize text-slate-900 first-letter:uppercase sm:text-4xl">
41            Accelerate Growth and Innovation
42          </h3>
43          <p className="text-sm text-slate-700 first-letter:uppercase lg:text-base">
44            At JettWave, we leverage cutting-edge technology to deliver
45            transformative results. We understand that every business is unique,
46            which is why we provide tailored solutions to meet your specific
47            needs.
48          </p>
49        </div>
50
51        <div className="grid grid-cols-1 gap-x-10 gap-y-8 sm:grid-cols-2 md:grid-cols-3">
52          {data.map(({ title, content }, index: number) => {
53            return (
54              <div key={index} className="flex w-full flex-col gap-y-1">
55                <p className="text-3xl font-semibold text-slate-900 first-letter:uppercase">
56                  {title}
57                </p>
58                <p className="text-sm font-medium text-slate-600 first-letter:uppercase">
59                  {content}
60                </p>
61              </div>
62            );
63          })}
64        </div>
65      </div>
66    </div>
67  );
68}
69

0import Link from "next/link";
1import React from "react";
2
3const data = [
4  {
5    src: "https://images.unsplash.com/photo-1683747095381-74bc51bdf4f0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1176&q=80",
6  },
7  {
8    src: "https://images.unsplash.com/photo-1684276882621-a87a01d02464?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
9  },
10  {
11    src: "https://images.unsplash.com/photo-1677798690777-b50e162bd030?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDE3NXxNOGpWYkxiVFJ3c3x8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60",
12  },
13];
14
15export function ContentSections9() {
16  return (
17    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
18      <div className="flex gap-x-16 gap-y-12 max-lg:flex-col">
19        <div className="flex flex-col gap-y-8 lg:max-w-md xl:max-w-xl">
20          <div>
21            <h2 className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
22              Tailored Solutions for Your Business
23            </h2>
24
25            <p className="text-lg text-slate-600">
26              With a focus on innovation and adaptability, Jettwave helps
27              businesses navigate the digital landscape with confidence. We
28              understand that every organization is unique, which is why our
29              solutions are tailor-made to address specific challenges and
30              opportunities.
31            </p>
32          </div>
33
34          <div className="flex w-fit flex-wrap gap-4">
35            <Link
36              href="#"
37              className="h-fit w-fit select-none rounded-lg bg-sky-600 px-5 py-2.5 text-sm lowercase text-slate-100 outline-1 outline-sky-600 duration-75 first-letter:uppercase hover:bg-sky-800 active:scale-95 disabled:pointer-events-none disabled:bg-sky-600/50"
38            >
39              get started
40            </Link>
41            <Link
42              href="#"
43              className="h-fit w-fit select-none rounded-lg bg-slate-50 px-5 py-2.5 text-sm font-medium lowercase text-slate-900 outline-1 outline-sky-600 ring-1 ring-slate-200 duration-75 first-letter:uppercase hover:bg-slate-100 hover:text-sky-600 active:scale-95 disabled:pointer-events-none disabled:text-slate-900/25 disabled:ring-slate-200/50"
44            >
45              about us
46            </Link>
47          </div>
48        </div>
49
50        <div className="grid h-fit w-fit grid-cols-3 grid-rows-2 gap-4">
51          {data.map(({ src }, index: number) => {
52            return (
53              <img
54                key={index}
55                src={src}
56                className="aspect-square rounded-3xl object-cover even:col-span-2 even:row-span-2"
57              />
58            );
59          })}
60        </div>
61      </div>
62    </div>
63  );
64}
65

0import Link from "next/link";
1import React from "react";
2
3export function ContentSections10() {
4  return (
5    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
6      <div className="flex gap-x-16 gap-y-12 max-lg:flex-col">
7        <div className="flex flex-col gap-y-8 lg:max-w-md xl:max-w-xl">
8          <div>
9            <h2 className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
10              Stay Ahead Of The Competition
11            </h2>
12            <p className="text-lg text-slate-600">
13              We understand that every business is unique, which is why JettWave
14              offers tailored analytics solutions to meet your specific needs.
15              Our team of experts works closely with you to understand your
16              goals and challenges, customizing our platform to deliver the
17              insights that matter most to your organization's success.
18            </p>
19          </div>
20
21          <Link
22            href="#"
23            className="h-fit w-fit truncate rounded-lg bg-sky-500 px-6 py-3 text-sm font-medium capitalize text-slate-50 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300"
24          >
25            Get Started
26          </Link>
27        </div>
28
29        <div className="h-fit">
30          <img
31            src="https://images.unsplash.com/photo-1683642488637-fca8e84689ee?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80"
32            className="mb-8 h-full max-h-96 w-full rounded-3xl bg-sky-100 object-cover"
33          />
34          <p className="text-lg text-slate-600">
35            With JettWave's analytics platform, you gain access to a wide range
36            of actionable insights that help you understand your business
37            better. From identifying key trends and patterns to predicting
38            customer behavior, our platform equips you with the knowledge you
39            need to make data-driven decisions with confidence.
40          </p>
41        </div>
42      </div>
43    </div>
44  );
45}
46

0import React from "react";
1
2export function ContentSections11() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="flex gap-x-16 gap-y-12 rounded-3xl bg-slate-200 p-12 max-lg:flex-col sm:min-h-[320px] lg:p-14">
6        <div className="w-full">
7          <h2 className="mb-2 text-lg font-semibold text-sky-600">
8            Driving Innovation
9          </h2>
10          <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
11            Driving Innovation, Delivering Results
12          </p>
13          <p className="text-lg text-slate-600">
14            We understand that every business is unique, and that's why we take
15            a tailored approach to our solutions. Our team of experienced
16            professionals works closely with you to understand your specific
17            goals and challenges, allowing us to create customized strategies
18            and implement solutions that align with your vision and drive your
19            success.
20          </p>
21        </div>
22
23        <div className="relative w-full max-lg:h-64">
24          <img
25            src="https://images.unsplash.com/photo-1684161991530-4f5f9a3aead0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1099&q=80"
26            className="absolute inset-0 h-full w-full rounded-2xl bg-sky-100 object-cover"
27          />
28        </div>
29      </div>
30    </div>
31  );
32}
33

0import React from "react";
1
2export function ContentSections12() {
3  return (
4    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
5      <div className="relative p-8 sm:min-h-[320px] lg:p-12">
6        <img
7          src="https://images.unsplash.com/photo-1564069114553-7215e1ff1890?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1632&q=80"
8          className="absolute inset-0 -z-10 h-full w-full rounded-3xl bg-sky-100 object-cover"
9        />
10        <div className="max-w-2xl rounded-2xl p-8 backdrop-blur-sm backdrop-brightness-75 xl:max-w-3xl">
11          <h2 className="mb-4 text-4xl font-bold tracking-tight text-slate-100">
12            Customer Satisfaction at the Core
13          </h2>
14          <p className="text-lg text-slate-300">
15            With JettWave, you can seamlessly integrate our solutions into your
16            existing systems and infrastructure. We ensure compatibility and
17            provide comprehensive support throughout the implementation process.
18            Additionally, our solutions are designed to scale alongside your
19            business, accommodating growth and evolving needs without
20            disruptions.
21          </p>
22        </div>
23      </div>
24    </div>
25  );
26}
27

0import React from "react";
1
2const data = [
3  {
4    src: "https://images.unsplash.com/photo-1684148060974-8ca2c1ad443f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80",
5  },
6  {
7    src: "https://images.unsplash.com/photo-1684097417554-bba1dda7b94e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=684&q=80",
8  },
9];
10
11export function ContentSections13() {
12  return (
13    <div className="mx-auto w-full max-w-md px-8 py-12 sm:max-w-xl md:max-w-3xl lg:max-w-5xl xl:max-w-7xl">
14      <div className="flex items-center gap-x-16 gap-y-12 max-lg:flex-col">
15        <div>
16          <h2 className="mb-2 text-lg font-semibold text-sky-600">
17            Discover JettWave
18          </h2>
19          <p className="mb-4 text-4xl font-bold tracking-tight text-slate-900">
20            Join The JettWave Revolution
21          </p>
22          <p className="mb-4 text-lg text-slate-600">
23            Are you ready to take your business to new heights? Join the
24            JettWave revolution and unlock the full potential of technology for
25            your organization. Contact us today to learn more about our services
26            and how we can help you achieve your business objectives.
27          </p>
28          <p className="text-lg text-slate-600">
29            In this updated content, the focus is on JettWave as a tech company
30            that revolutionizes the industry. It emphasizes their commitment to
31            empowering businesses with innovative solutions, customized
32            strategies, seamless integration, scalability, and customer
33            satisfaction. The content invites readers to join the JettWave
34            revolution and highlights the company's expertise in cutting-edge
35            technologies.
36          </p>
37        </div>
38        <div className="my-4 grid flex-shrink-0 grid-cols-2 gap-x-4 lg:max-w-2xl">
39          {data.map(({ src }, index: number) => {
40            return (
41              <div
42                key={index}
43                className="flex first:translate-y-4 last:-translate-y-4"
44              >
45                <img
46                  src={src}
47                  className="aspect-[2/3] w-full rounded-3xl bg-sky-100 object-cover sm:max-lg:aspect-[2/1]"
48                />
49              </div>
50            );
51          })}
52        </div>
53      </div>
54    </div>
55  );
56}
57