<x-layout title="About Servoknit | Industrial Knitted Cotton Manufacturer" description="Servoknit manufactures premium Mutton Cloth and Stockinette for industries where quality, consistency, and reliability are non-negotiable.">
    <main class="about-page">
        <section class="about-hero">
            <div class="shell">
                <x-breadcrumb :items="['About' => null]" />
                <div class="about-hero-copy">
                    <div class="about-hero-text">
                        <p class="eyebrow">About Servoknit</p>
                        <h1>Built on Precision.<br><span>Trusted for Performance.</span></h1>
                        <div class="about-hero-intro">
                            <p>At Servoknit, we manufacture premium Mutton Cloth and Stockinette for industries where quality, consistency, and reliability are non-negotiable.</p>
                            <p>Every product is engineered to perform in demanding environments—from industrial maintenance and automotive workshops to defence, aviation, marine, packaging, and specialised commercial applications.</p>
                            <p>With a focus on precision knitting and consistent manufacturing standards, we help businesses source products they can depend on.</p>
                        </div>
                    </div>
                    <x-media-image class="about-hero-media" src="images/sarvoknit-stockinette-hero.webp" alt="Close-up of premium knitted cotton stockinette showing its material texture" ratio="4 / 5" eager />
                </div>
            </div>
        </section>

        <section class="about-manufacturer">
            <div class="shell">
                <x-media-image class="about-manufacturer-media" src="images/textile-manufacturing-floor.webp" alt="Wide view of an organised textile manufacturing floor" ratio="16 / 7" />
                <div class="about-manufacturer-copy">
                    <div>
                        <p class="eyebrow">More Than a Manufacturer</p>
                        <h2>More Than a<br>Manufacturer</h2>
                        <p class="about-statement">We believe manufacturing is not just about producing fabric—it’s about delivering confidence.</p>
                    </div>
                    <div class="about-body-copy">
                        <p>Every roll that leaves our facility represents a commitment to quality, consistency, and attention to detail. From sourcing quality cotton yarn to knitting, inspection, and packaging, each stage is carefully managed to ensure dependable performance.</p>
                        <p>Whether you require standard specifications or customised manufacturing, our objective remains the same: to deliver products that meet your expectations every time.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="about-values">
            <div class="shell">
                <div class="about-values-heading">
                    <p class="eyebrow">What Drives Us</p>
                    <h2>What Drives Us</h2>
                </div>
                <div class="about-values-list">
                    @foreach(['Consistency' => 'The same quality, every order.', 'Precision' => 'Manufactured with controlled processes and attention to detail.', 'Reliability' => 'A dependable manufacturing partner you can count on.', 'Flexibility' => 'Customised solutions to suit your specific application.'] as $title => $copy)
                        <article><h3>{{ $title }}</h3><p>{{ $copy }}</p></article>
                    @endforeach
                </div>
            </div>
        </section>

        <x-industries-section eyebrow="Industries That Trust Our Products" intro="Our products are used across a wide range of industries where dependable performance is essential." />

        <x-why-servoknit />

        <section class="about-promise">
            <div class="shell about-promise-grid">
                <div>
                    <p class="eyebrow">Our Promise</p>
                    <h2>We don’t believe in<br>simply supplying products.</h2>
                </div>
                <div class="about-promise-copy">
                    <p>We believe in becoming a manufacturing partner that businesses can rely on for quality, consistency, and dependable service.</p>
                    <p>Because when your operations depend on every roll,<br>every detail matters.</p>
                </div>
            </div>
        </section>

        <section class="about-cta">
            <div class="shell about-cta-grid">
                <h2>Let’s Build Together</h2>
                <div>
                    <p>Looking for a trusted manufacturer of Mutton Cloth or Stockinette? Our team is ready to understand your requirements and deliver solutions tailored to your business.</p>
                    <div class="about-cta-actions">
                        <a class="button button-primary" href="{{ route('contact', ['intent' => 'quote']) }}">Request a Quote <span class="button-arrow">↗</span></a>
                        <a class="button button-outline" href="{{ route('contact') }}">Contact Us <span class="button-arrow">↗</span></a>
                    </div>
                </div>
            </div>
        </section>
    </main>
</x-layout>
