<?php
	/* Template Name: About */
	get_header();
?>
<!-- =========================================
	ABOUT HERO
	========================================= -->
<section class="about-hero" id="about">
	<!-- Background Image -->
	<div class="about-hero-bg">
		<img src="<?= get_template_directory_uri(); ?>/assets/images/about-hero.jpg" alt="Libas Bespoke">
	</div>
	<!-- Overlay -->
	<div class="about-hero-overlay"></div>
	<!-- Content -->
	<div class="container">
		<div class="about-hero-content">
			<span class="about-label">
			About Libas Bespoke
			</span>
			<h1>
				Crafting Bespoke Elegance
				<span>For Those Who Refuse</span>
				<span>Ordinary.</span>
			</h1>
			<div class="about-divider"></div>
			<div class="about-meta">
				<div class="about-meta-item">
					<small>Established</small>
					<strong>Since 2009</strong>
				</div>
				<div class="about-meta-item">
					<small>Our Promise</small>
					<strong>Luxury Tailoring Made Personal</strong>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- =========================================
	ABOUT HERO ENDS
	========================================= -->
<!-- =========================================
	BRAND STORY
	========================================= -->
		<section class="editorial-block light-section" id="legacy">
			<div class="editorial-wrapper">
				<!-- Left Image -->
				<div class="editorial-media">
					<div class="editorial-media-inner">
						<img src="<?= get_template_directory_uri();?>/assets/images/bespoke-wedding-attire.webp" alt="Bespoke Tailoring">
					</div>
				</div>
				<!-- Right Content -->
				<div class="editorial-content">
					<div class="editorial-content-inner">
						<div class="editorial-item">
							<h2>
                                A Legacy of Bespoke Craftsmanship,
                                Tailored Around You
                            </h2>

                            <p>
                                At Libas Bespoke, every garment begins with a conversation and is
                                meticulously handcrafted to reflect your individuality. Combining
                                traditional tailoring techniques with premium fabrics and modern
                                sophistication, we create timeless pieces designed to fit not only
                                your measurements but your lifestyle, confidence, and personality.
                            </p>

                            <a href="#">
                                Discover Our Story
                            </a>
						</div>
						<div class="editorial-item">
							<h2>
    Our Story Begins
    With You.
</h2>

<p>
    At Libas Bespoke, every journey starts with a conversation.
    For over a decade, we have combined traditional craftsmanship,
    refined tailoring techniques, and premium fabrics to create
    garments that are as distinctive as the individuals who wear them.
    Every stitch reflects our commitment to timeless elegance,
    precision, and uncompromising quality.
</p>

<a href="#craftsmanship">
    Discover Our Craftsmanship
</a>
						</div>
						<div class="editorial-item">

    <h2>
        A Legacy Built On Craftsmanship
    </h2>

    <p>
        Every bespoke garment begins with understanding the individual.
        For over a decade, Libas Bespoke has combined traditional tailoring,
        refined craftsmanship, and modern elegance to create clothing that
        reflects the personality and lifestyle of every client.
    </p>

    <a href="#craftsmanship">
        Discover Our Journey
    </a>

</div>
					</div>
				</div>
			</div>
		</section>
<!-- =========================================
	BRAND STORY ENDS
	========================================= -->
<!-- =========================================
	OUR PHILOSOPHY
	========================================= -->
<section class="about-philosophy light-section" id="philosophy">
	<div class="container">
		<div class="philosophy-header">
			<span class="philosophy-label">
			Our Philosophy
			</span>
			<h2>
				Luxury
				<span>isn't expensive.</span>
				<span>It is personal.</span>
			</h2>
			<p>
				Every commission begins with understanding the individual.
				True bespoke tailoring is built on relationships, precision,
				and an uncompromising commitment to craftsmanship.
			</p>
		</div>
		<div class="philosophy-grid">
			<!-- Item -->
			<div class="philosophy-card">
				<div class="philosophy-icon">
					<i class="fa-solid fa-scissors"></i>
				</div>
				<h3>Craftsmanship</h3>
				<p>
					Every garment is carefully handcrafted using traditional
					tailoring techniques refined through years of experience.
				</p>
			</div>
			<!-- Item -->
			<div class="philosophy-card">
				<div class="philosophy-icon">
					<i class="fa-solid fa-ruler-combined"></i>
				</div>
				<h3>Precision</h3>
				<p>
					From measurements to the final fitting, every detail is
					meticulously refined to achieve an exceptional fit.
				</p>
			</div>
			<!-- Item -->
			<div class="philosophy-card">
				<div class="philosophy-icon">
					<i class="fa-solid fa-user-check"></i>
				</div>
				<h3>Personal Service</h3>
				<p>
					Every client enjoys a one-to-one experience designed around
					their lifestyle, personality, and unique preferences.
				</p>
			</div>
		</div>
	</div>
</section>
<!-- =========================================
	OUR PHILOSOPHY ENDS
	========================================= -->
<!-- =========================================
	FOUNDER STATEMENT
	========================================= -->
<section class="founder-statement light-section">
	<div class="founder-overlay"></div>
	<div class="container-fluid p-0">
		<div class="founder-wrapper">
			<!-- Image Side -->
			<div class="founder-image">
				<img
					src="<?= get_template_directory_uri();?>/assets/images/founder.jpg"
					alt="Founder"
					>
			</div>
			<!-- Content Side -->
			<div class="founder-content">
				<span class="founder-label">
				The Philosophy
				</span>
				<div class="quote-icon">
					<i class="fa-solid fa-quote-right"></i>
				</div>
				<h2>
					Bespoke Tailoring Is Not About Clothing.
					It's About How A Gentleman
					Presents Himself To The World.
				</h2>
				<p>
					At Libas Bespoke, every commission begins with a conversation.
					Understanding your lifestyle, preferences and aspirations allows
					us to create garments that feel uniquely yours and remain timeless
					for years to come.
				</p>
				<div class="founder-info">
					<h4>
						Mr. Sohail
					</h4>
					<span>
					Founder & Master Tailor
					</span>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- =========================================
	FOUNDER STATEMENT ENDS
	========================================= -->
<!-- =========================================
CRAFTSMANSHIP JOURNEY
========================================= -->

<section class="craftsmanship-section light-section" id="craftsmanship">

    <div class="container-fluid p-0">

        <div class="craft-layout">

            <!-- =========================================
            STICKY VISUAL
            ========================================== -->

            <aside class="craft-visual">

                <div class="craft-visual-sticky">

                    <div class="craft-gallery">

                        <figure class="craft-image active" data-image="0">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/bespoke-dress-1.jpg"
                                alt="Personal Consultation">

                            <figcaption>

                                <span>01</span>

                                Personal Consultation

                            </figcaption>

                        </figure>

                        <figure class="craft-image" data-image="1">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/bespoke-dress-2.jpg"
                                alt="Precision Measurements">

                            <figcaption>

                                <span>02</span>

                                Precision Measurements

                            </figcaption>

                        </figure>

                        <figure class="craft-image" data-image="2">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/bespoke-skirt-1.jpg"
                                alt="Fabric Selection">

                            <figcaption>

                                <span>03</span>

                                Luxury Fabric Selection

                            </figcaption>

                        </figure>

                        <figure class="craft-image" data-image="3">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/bespoke-skirt-2.jpg"
                                alt="Hand Cutting">

                            <figcaption>

                                <span>04</span>

                                Hand Cutting

                            </figcaption>

                        </figure>

                        <figure class="craft-image" data-image="4">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/bespoke-wedding-attire.jpg"
                                alt="Hand Stitching">

                            <figcaption>

                                <span>05</span>

                                Traditional Hand Stitching

                            </figcaption>

                        </figure>

                        <figure class="craft-image" data-image="5">

                            <img
                                src="<?= get_template_directory_uri(); ?>/assets/images/business-1.jpg"
                                alt="Final Fitting">

                            <figcaption>

                                <span>06</span>

                                Final Fitting

                            </figcaption>

                        </figure>

                    </div>

                    <!-- Floating Counter -->

                    <div class="craft-counter">

                        <span class="current-step">01</span>

                        <span class="divider"></span>

                        <span class="total-step">06</span>

                    </div>

                </div>

            </aside>

            <!-- =========================================
            CONTENT
            ========================================== -->

            <div class="craft-content">

                <div class="craft-progress">

                    <div class="craft-progress-track"></div>

                    <div class="craft-progress-fill"></div>

                </div>

                <!-- STEP -->

                <article
                    class="craft-step active"
                    data-image="0"
                    data-step="01">

                    <div class="craft-step-number">

                        01

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Where Every Story Begins

                        </span>

                        <h2>

                            Consultation

                        </h2>

                        <p>

                            Every bespoke journey starts with understanding
                            your lifestyle, personality, and aspirations.
                            We believe exceptional tailoring begins long
                            before the first measurement is taken.

                        </p>

                    </div>

                </article>

                <!-- STEP -->

                <article
                    class="craft-step"
                    data-image="1"
                    data-step="02">

                    <div class="craft-step-number">

                        02

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Precision Matters

                        </span>

                        <h2>

                            Measurements

                        </h2>

                        <p>

                            More than thirty precise measurements are
                            carefully recorded to create a silhouette
                            tailored exclusively to you.

                        </p>

                    </div>

                </article>

                <!-- STEP -->

                <article
                    class="craft-step"
                    data-image="2"
                    data-step="03">

                    <div class="craft-step-number">

                        03

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Curated Luxury

                        </span>

                        <h2>

                            Fabric Selection

                        </h2>

                        <p>

                            Explore a carefully curated collection of
                            premium Italian and British fabrics chosen
                            for elegance, durability and timeless appeal.

                        </p>

                    </div>

                </article>

                <!-- STEP -->

                <article
                    class="craft-step"
                    data-image="3"
                    data-step="04">

                    <div class="craft-step-number">

                        04

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Crafted By Hand

                        </span>

                        <h2>

                            Hand Cutting

                        </h2>

                        <p>

                            Every pattern is individually drafted and
                            hand cut to preserve accuracy and ensure a
                            truly bespoke foundation.

                        </p>

                    </div>

                </article>

                <!-- STEP -->

                <article
                    class="craft-step"
                    data-image="4"
                    data-step="05">

                    <div class="craft-step-number">

                        05

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Traditional Tailoring

                        </span>

                        <h2>

                            Hand Stitching

                        </h2>

                        <p>

                            Skilled artisans assemble every garment
                            using traditional tailoring techniques that
                            combine strength with refined elegance.

                        </p>

                    </div>

                </article>

                <!-- STEP -->

                <article
                    class="craft-step"
                    data-image="5"
                    data-step="06">

                    <div class="craft-step-number">

                        06

                    </div>

                    <div class="craft-step-content">

                        <span class="craft-label">

                            Perfected For You

                        </span>

                        <h2>

                            Final Fitting

                        </h2>

                        <p>

                            Multiple fittings ensure every detail,
                            proportion and finish achieves the flawless
                            fit expected from true bespoke tailoring.

                        </p>

                    </div>

                </article>

            </div>

        </div>

    </div>

</section>

<!-- =========================================
CRAFTSMANSHIP JOURNEY ENDS
========================================= -->

<!-- =========================================
WHY CHOOSE LIBAS
========================================= -->

<section class="why-libas light-section" id="why-libas">

    <div class="container">

        <!-- Section Header -->

        <div class="why-libas-header">

            <span class="section-label">
                Why Choose Libas
            </span>

            <h2>
                Tailoring Excellence
                <span>Built On Precision.</span>
                <span>Refined Through Experience.</span>
            </h2>

            <p>
                Every bespoke commission reflects decades of craftsmanship,
                carefully selected fabrics, and an uncompromising commitment
                to creating garments that are uniquely yours.
            </p>

        </div>

        <!-- Cards -->

        <div class="why-libas-grid">

            <!-- Card -->

            <article class="why-card">

                <div class="why-card-top">

                    <div class="why-icon">
                        <i class="fa-solid fa-award"></i>
                    </div>

                    <div class="why-stat">

                        <span
                            class="counter"
                            data-count="30">
                            0
                        </span>

                        <small>+</small>

                    </div>

                </div>

                <div class="why-divider"></div>

                <div class="why-card-content">

                    <h3>
                        Years Of Experience
                    </h3>

                    <p>
                        More than three decades dedicated to bespoke tailoring,
                        combining traditional craftsmanship with contemporary
                        sophistication.
                    </p>

                </div>

            </article>

            <!-- Card -->

            <article class="why-card">

                <div class="why-card-top">

                    <div class="why-icon">
                        <i class="fa-solid fa-shirt"></i>
                    </div>

                    <div class="why-stat">

                        <span
                            class="counter"
                            data-count="5000">
                            0
                        </span>

                        <small>+</small>

                    </div>

                </div>

                <div class="why-divider"></div>

                <div class="why-card-content">

                    <h3>
                        Bespoke Garments
                    </h3>

                    <p>
                        Thousands of individually tailored garments crafted
                        for professionals, weddings, celebrations, and
                        everyday elegance.
                    </p>

                </div>

            </article>

            <!-- Card -->

            <article class="why-card">

                <div class="why-card-top">

                    <div class="why-icon">
                        <i class="fa-solid fa-gem"></i>
                    </div>

                    <div class="why-stat why-text">

                        Premium

                    </div>

                </div>

                <div class="why-divider"></div>

                <div class="why-card-content">

                    <h3>
                        Italian Fabrics
                    </h3>

                    <p>
                        Carefully sourced cloth from renowned Italian and
                        British mills, selected for exceptional texture,
                        durability and timeless elegance.
                    </p>

                </div>

            </article>

            <!-- Card -->

            <article class="why-card">

                <div class="why-card-top">

                    <div class="why-icon">
                        <i class="fa-solid fa-scissors"></i>
                    </div>

                    <div class="why-stat">

                        <span
                            class="counter"
                            data-count="100">
                            0
                        </span>

                        <small>%</small>

                    </div>

                </div>

                <div class="why-divider"></div>

                <div class="why-card-content">

                    <h3>
                        Hand Finished
                    </h3>

                    <p>
                        Every garment is individually finished by experienced
                        artisans, ensuring exceptional quality, precision,
                        and lasting comfort.
                    </p>

                </div>

            </article>

        </div>

    </div>

</section>

<!-- =========================================
WHY CHOOSE LIBAS ENDS
========================================= -->

<!-- =========================================
	FAQ SECTION
	========================================= -->
<section class="faq-section light-section" id="faqSection">
	<div class="container">
		<div class="faq-wrapper">
			<!-- Content Side -->
			<div class="faq-content">
				<span class="faq-label">
				Frequently Asked Questions
				</span>
				<h2>
					Everything You Need To Know About
					The Bespoke Experience.
				</h2>
				<p>
					From fabric selection and fittings to delivery timelines,
					discover how our tailoring process is designed around
					precision, craftsmanship, and your individual style.
				</p>
				<a href="#contact" class="faq-cta">
				Book A Consultation
				</a>
			</div>
			<!-- Accordion Side -->
			<div class="faq-accordion">
				<!-- Item 01 -->
				<div class="faq-item active">
					<button
						class="faq-trigger"
						type="button"
						aria-expanded="true">
						<span>
						How long does a bespoke suit take?
						</span>
						<div class="faq-icon">
							<i class="fa-solid fa-plus"></i>
						</div>
					</button>
					<div class="faq-body">
						<div class="faq-body-inner">
							<p>
								Our bespoke garments typically require
								3–6 weeks depending on fabric selection,
								design complexity, and fitting requirements.
								Every commission follows a carefully structured
								process to ensure exceptional craftsmanship.
							</p>
						</div>
					</div>
				</div>
				<!-- Item 02 -->
				<div class="faq-item">
					<button
						class="faq-trigger"
						type="button"
						aria-expanded="false">
						<span>
						Do you offer home or office appointments?
						</span>
						<div class="faq-icon">
							<i class="fa-solid fa-plus"></i>
						</div>
					</button>
					<div class="faq-body">
						<div class="faq-body-inner">
							<p>
								Yes. Private consultations can be arranged
								at your home, office, hotel, or preferred
								location for maximum convenience and privacy.
							</p>
						</div>
					</div>
				</div>
				<!-- Item 03 -->
				<div class="faq-item">
					<button
						class="faq-trigger"
						type="button"
						aria-expanded="false">
						<span>
						How many fittings are included?
						</span>
						<div class="faq-icon">
							<i class="fa-solid fa-plus"></i>
						</div>
					</button>
					<div class="faq-body">
						<div class="faq-body-inner">
							<p>
								Most bespoke commissions require two to three
								fittings to achieve the perfect balance of
								comfort, structure, and precision.
							</p>
						</div>
					</div>
				</div>
				<!-- Item 04 -->
				<div class="faq-item">
					<button
						class="faq-trigger"
						type="button"
						aria-expanded="false">
						<span>
						Can I choose from international fabrics?
						</span>
						<div class="faq-icon">
							<i class="fa-solid fa-plus"></i>
						</div>
					</button>
					<div class="faq-body">
						<div class="faq-body-inner">
							<p>
								Absolutely. We source fabrics from some of
								the world's most respected mills across
								Italy, England, and other renowned tailoring
								destinations.
							</p>
						</div>
					</div>
				</div>
				<!-- Item 05 -->
				<div class="faq-item">
					<button
						class="faq-trigger"
						type="button"
						aria-expanded="false">
						<span>
						Do you provide alterations after delivery?
						</span>
						<div class="faq-icon">
							<i class="fa-solid fa-plus"></i>
						</div>
					</button>
					<div class="faq-body">
						<div class="faq-body-inner">
							<p>
								Yes. Minor post-delivery adjustments are
								included to ensure every garment achieves
								a flawless final fit.
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- =========================================
	FAQ SECTION ENDS
	========================================= -->
<?php get_footer(); ?>