import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";

export const metadata = {
  title: "Our Brand | Lynkedup Technologies",
  description: "Our Brand Page",
};

export default function OurBrandPage() {
  return (
    <>
      <Header />
      <section
  className="ux-project-hero"
  style={{
    backgroundImage: "url('/assets/brandback.png')",
    backgroundSize: "cover",
    backgroundPosition: "center",
    backgroundRepeat: "no-repeat",
  }}
>
  <div className="container">
    <div className="ux-project-content text-center">
      <h1 className="ux-project-title" data-aos="fade-up" data-aos-delay="100">Our Brands</h1>

      <p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200">
      Lynkedup Technologies is a boutique systems-led creative studio for operators who need more<br/> than aesthetic polish, they need scalable execution.
      </p>
    </div>

  </div>
</section>

<section className="brands-showcase py-5">
  <div className="container">
    {/* Card 1 */}
    <div className="brand-card mb-5">
      <div className="brand-top row">
        <div className="col-lg-6" data-aos="fade-right">
          <h2>AchievAR</h2>

        </div>
         <span data-aos="fade-left" data-aos-delay="100"> <p>
            We work at the intersection of technology, design, and storytelling,
            using VR, AR, real-time 3D, and cinematic visualization to help
            businesses see clearly before they build or communicate.
          </p>
          <p>
            We work at the intersection of technology, design, and storytelling,
            using VR, AR, real-time 3D, and cinematic visualization to help
            businesses see clearly before they build or communicate.
          </p>
        </span>
      </div>
      <div className="brand-image position-relative " data-aos="zoom-in" data-aos-duration="800">
        <img
          src="assets/AchievAR.png"
          className="img-fluid w-100 main-img"
          alt=""
        />
        {/* Overlay Logo */}
        <div className="brand-logo">
          <img src="assets/logo1.png" alt="" />
        </div>
        {/* Bottom Stats */}
        <div className="stats-wrapper">
          <div className="stat-box">
            <h3>1K</h3>
            <span>TECHNOLOGY-LED</span>
          </div>
          <div className="stat-box">
            <h3>55+</h3>
            <span>CLARITY OVER NOISE</span>
          </div>
          <div className="stat-box">
            <h3>85+</h3>
            <span>BUILT FOR PRODUCTION</span>
          </div>
        </div>
        {/* Floating CTA Card */}
        <div className="floating-card floating-cardwrappadd">
        <img src="assets/AchievARstart.png" alt="" />
          <a href="/contact" className="project-btn">
            Start a Project
            <span><img src="assets/icons/startarrow.svg" alt="" /></span>
          </a>
        </div>
      </div>
    </div>


    <div className="brand-card mb-5">
      <div className="brand-top row">
        <div className="col-lg-6" data-aos="fade-right">
          <h2>AAideA</h2>

        </div>
         <span data-aos="fade-left" data-aos-delay="100"> <p>
         AAideA is a boutique systems-led creative studio built for brands that need more than aesthetics. We combine strategy, design, and scalable execution to create digital experiences that are clear, functional, and growth-focused.
          </p>
          <p>
          From branding to product systems, every solution is designed with structure, purpose, and long-term usability in mind—helping businesses scale with clarity and consistency.
          </p>
        </span>
      </div>
      <div className="brand-image position-relative " data-aos="zoom-in" data-aos-duration="800">
        <img
          src="assets/Aaidea.png"
          className="img-fluid w-100 main-img"
          alt=""
        />
        {/* Overlay Logo */}
        <div className="brand-logo">
          <img src="assets/logo2.png" alt="" />
        </div>
        {/* Bottom Stats */}
        <div className="stats-wrapper">
          <div className="stat-box">
            <h3>400+</h3>
            <span>Our Esteemed Clients and Partners</span>
          </div>
          <div className="stat-box">
            <h3>55+</h3>
            <span>Global Enterprise Drives Innovation</span>
          </div>
          <div className="stat-box">
            <h3>10+</h3>
            <span>Years Of Creative Excellence</span>
          </div>
        </div>
        {/* Floating CTA Card */}
        <div className="floating-card floating-cardwrappadd">
       <h3>One strong idea.Executed across every digital surface.</h3>
       <p>Designing digital homes, brand systems, and scalable content for modern operators.</p>
          <a href="/contact" className="project-btn">
            Start a Project
            <span><img src="assets/icons/startarrow.svg" alt="" /></span>
          </a>
        </div>
      </div>
    </div>
    <div className="brand-card mb-5">
      <div className="brand-top row">
        <div className="col-lg-6" data-aos="fade-right">
          <h2>fidux</h2>

        </div>
         <span data-aos="fade-left" data-aos-delay="100"> <p>
         FiduxDesk is a powerful operating system built for modern service businesses. It streamlines sales, customer success, and operations into one structured workflow designed for clarity, consistency, and scalable growth.  </p>
          <p>
          From onboarding to daily execution, FiduxDesk helps teams collaborate efficiently, improve performance, and deliver exceptional customer experiences across every touchpoint.
          </p>
        </span>
      </div>
      <div className="brand-image position-relative " data-aos="zoom-in" data-aos-duration="800">
        <img
          src="assets/Fidux1.png"
          className="img-fluid w-100 main-img"
          alt=""
        />
        {/* Overlay Logo */}
        <div className="brand-logo">
          <img src="assets/fidux-logo.png" alt="" />
        </div>
        {/* Bottom Stats */}
        <div className="stats-wrapper">
          <div className="stat-box">
            <h3>47%</h3>
            <span>Experience the joy of perfect sleep with personalized.</span>
          </div>
          <div className="stat-box">
            <h3>10,000+</h3>
            <span>Experience the joy of perfect sleep with personalized.</span>
          </div>
          <div className="stat-box">
            <h3>98%</h3>
            <span>Experience the joy of perfect sleep with personalized.</span>
          </div>
        </div>
        {/* Floating CTA Card */}
        <div className="floating-card floating-cardwrappadd">
       <h3>One Powerful FiduxDesk Operating System</h3>
       <p>A structured sales, success, and operations framework designed for service businesses. </p>
          <a href="/contact" className="project-btn">
            Start a Project
            <span><img src="assets/icons/startarrow.svg" alt="" /></span>
          </a>
        </div>
      </div>
    </div>
    <div className="brand-card mb-5">
      <div className="brand-top row">
        <div className="col-lg-6" data-aos="fade-right">
          <h2>LynkedUp Pro</h2>

        </div>
         <span data-aos="fade-left" data-aos-delay="100"> <p>
         Built for modern field teams, the platform combines CRM, automation, and AI tools into one powerful system. It helps businesses manage leads, projects, and operations with greater speed and control. </p>
          <p>
          From AI copilots to digital twins and client portals, every feature is designed to improve productivity. Teams can reduce manual work, protect margins, and scale operations more efficiently.</p>
        </span>
      </div>
      <div className="brand-image position-relative " data-aos="zoom-in" data-aos-duration="800">
        <img
          src="assets/LinkedUp.png"
          className="img-fluid w-100 main-img"
          alt=""
        />
        {/* Overlay Logo */}
        <div className="brand-logo">
          <img src="assets/LinkedUplogo.png" alt="" />
        </div>
        {/* Bottom Stats */}
        <div className="stats-wrapper">
          <div className="stat-box">
            <h3>400+</h3>
            <span>Experience the joy of perfect sleep with personalized.</span>
          </div>
          <div className="stat-box">
            <h3>20+</h3>
            <span>Global Enterprise Drives Innovation</span>
          </div>
          <div className="stat-box">
            <h3>10+</h3>
            <span>Years Of Creative Excellence</span>
          </div>
        </div>
        {/* Floating CTA Card */}
        <div className="floating-card floating-cardwrappadd">
          <h4>Real Jobsite Teams. Real Sales Power.</h4>
       <h3 className="headingpadd">Sales CRM/ERP Built For the Jobsite.</h3>
       
          <a href="/contact" className="project-btn">
            Start a Project
            <span><img src="assets/icons/startarrow.svg" alt="" /></span>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>


      <Footer />
    </>
  );
}
