관리-도구

편집 파일: fc0534d4f1c0e29a1891260df0772261.php

<?php $__env->startSection('content'); ?>

<section class="tyre-hero-banner">
        <div class="banner-bg"></div>
        <div class="glass-overlay"></div>

<div class="moving-tyre-wrapper">
            <img src="<?php echo e(asset('assets/img/background.png')); ?>" alt="Moving Tyre" class="moving-tyre" />
        </div>

<div class="banner-content text-center">
            
            <div class="banner-text-heading mb-3">TYRE INDIA</div>

<h1 class="banner-title"><span class="stroke-text">SMILE</span> TO GO MILES</h1>
            <p class="banner-subtitle">A Complete Tyre Shop With Wide Range Of Tyres, Alloys & Accessories</p>
            <a href="tel:+919447732010" class="banner-btn">CONTACT US</a>

</div>

<div class="hero-info-strip">
            <div class="info-item">📧 tyreindia@yahoo.com</div>
            <div class="info-item">📍 Chengannur • Changanacherry • Thiruvalla • Pathanamthitta</div>
            <div class="info-item">🕘 Mon - Sat: 9 AM to 7:30 PM</div>
        </div>
    </section>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
        /* Optional font */

.banner-text-heading {
            font-family: 'Alfa Slab One', serif;
            /* Use a similar bold serif font */
            font-size: 48px;
            font-weight: bold;
            color: #FFD700;
            /* Bright yellow */
            text-transform: uppercase;
            letter-spacing: 2px;
        }
    </style>

<div class="modal fade" id="bajajFinanceModal" tabindex="-1" aria-labelledby="bajajFinanceModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow-lg rounded-4">
                <div class="modal-header bg-dark text-white border-0 rounded-top-4">
                    
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body text-center p-4">
                    <img src="https://cdn-icons-png.flaticon.com/512/3135/3135789.png" alt="Finance Icon" width="80"
                        class="mb-3">
                    <h4 class="text-danger mb-3">Bajaj Finance Available</h4>
                    <p class="mb-0 text-dark">Now get your tyres on easy EMIs with Bajaj Finance. Walk in today!</p>
                </div>
                <div class="modal-footer justify-content-center border-0 pb-4">
                    <button type="button" class="btn btn-danger px-4" data-bs-dismiss="modal">Got It</button>
                </div>
            </div>
        </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<script>
        document.addEventListener('DOMContentLoaded', function () {
            var myModal = new bootstrap.Modal(document.getElementById('bajajFinanceModal'));
            myModal.show();
        });
    </script>

/* Background image zoom-in effect */
        .banner-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('<?php echo e(asset('assets/img/banner.jpg')); ?>') no-repeat center center/cover;
            z-index: 1;
            animation: zoomInBg 20s ease-in-out infinite alternate;
        }

/* Glass shimmer effect */
        .glass-overlay {
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(6px);
            z-index: 2;
            animation: shimmer 3s infinite linear;
            background-image: linear-gradient(120deg,
                    rgba(255, 255, 255, 0.05) 0%,
                    rgba(255, 255, 255, 0.15) 50%,
                    rgba(255, 255, 255, 0.05) 100%);
            background-size: 200% 100%;
        }

/* Moving Tyre */
        .moving-tyre-wrapper {
            position: absolute;
            bottom: 50px;
            left: -200px;
            z-index: 3;
            animation: moveTyre 8s linear infinite;
            transform: scale(1.5);
        }

@media (max-width: 768px) {
            .moving-tyre-wrapper {
                bottom: 100px;
                /* Move it higher */
                z-index: 6;
                /* Ensure it's above the info strip */
                transform: scale(1.2);
                /* Slightly smaller for mobile */
            }
        }

.moving-tyre {
            width: 200px;
            height: auto;
        }

/* Banner Content */
        .banner-content {
            position: relative;
            z-index: 4;
            text-align: center;
            top: 30%;
            color: #fff;
            opacity: 0;
            animation: fadeIn 1s ease forwards, floatY 6s ease-in-out infinite;
            animation-delay: 0.5s;
        }

.banner-title {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0;
            transform: translateY(20px);
            animation: slideUp 1s ease forwards;
            animation-delay: 1s;
        }

.stroke-text {
            -webkit-text-stroke: 2px #fff;
            color: transparent;
            font-weight: bold;
            display: inline-block;
            animation: popIn 1s ease forwards, glow 2s ease-in-out infinite alternate;
            animation-delay: 1.2s;
        }

.banner-subtitle {
            font-size: 1.25rem;
            margin-bottom: 1.5rem;
            opacity: 0;
            transform: translateY(20px);
            animation: slideUp 1s ease forwards;
            animation-delay: 1.8s;
        }

.banner-btn {
            padding: 12px 28px;
            background: #e63946;
            color: white;
            border: none;
            border-radius: 4px;
            text-transform: uppercase;
            text-decoration: none;
            transition: background 0.3s;
            opacity: 0;
            transform: translateY(20px);
            animation: slideUp 1s ease forwards, pulse 2s ease-in-out infinite;
            animation-delay: 2.6s;
        }

.banner-btn:hover {
            background: #d62828;
        }

/* Info strip */
        .hero-info-strip {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            display: flex;
            justify-content: space-around;
            padding: 10px 0;
            z-index: 5;
            font-size: 0.9rem;
        }

@media (max-width: 768px) {
            .hero-info-strip {
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 15px;
                gap: 10px;
            }

.hero-info-strip .info-item {
                padding: 5px 0;
                width: 100%;
            }
        }

/* Animations */
        @keyframes moveTyre {
            0% {
                left: -150px;
                transform: rotate(0deg);
            }

100% {
                left: 100%;
                transform: rotate(1080deg);
            }
        }

@keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

@keyframes slideUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

@keyframes popIn {
            0% {
                transform: scale(0.5);
                opacity: 0;
            }

100% {
                transform: scale(1);
                opacity: 1;
            }
        }

@keyframes glow {
            0% {
                text-shadow: 0 0 5px #fff;
            }

100% {
                text-shadow: 0 0 20px #ff4d6d;
            }
        }

@keyframes shimmer {
            0% {
                background-position: -200% 0;
            }

100% {
                background-position: 200% 0;
            }
        }

@keyframes floatY {

0%,
            100% {
                transform: translateY(0);
            }

50% {
                transform: translateY(-10px);
            }
        }

@keyframes pulse {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7);
            }

70% {
                transform: scale(1.05);
                box-shadow: 0 0 0 15px rgba(230, 57, 70, 0);
            }

100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
            }
        }

@keyframes zoomInBg {
            0% {
                transform: scale(1);
            }

100% {
                transform: scale(1.05);
            }
        }
    </style>

<div class="ak-height-125 ak-height-lg-80"></div>

<section class="container">
        <div class="row row-cols-1 row-cols-md-2 g-4">
            
            <div class="col">
                <div class="service-progress-card text-center text-white h-100 d-flex flex-column" data-aos="fade-up">
                    <div class="service-item flex-grow-1 d-flex flex-column justify-content-start">
                        <div class="heartbeat-icon mb-3">
                            <span class="ak-heartbeat-btn">
                                <img src="assets/img/location.svg" alt="Thiruvalla Branch">
                            </span>
                        </div>
                        <div class="service-info">
                            <p class="fw-bold mb-2">THIRUVALLA</p>
                            <p class="desp mb-2">
                                <strong>JK Tyre – Steel Wheels</strong><br>
                                MC Road Ramanchira<br>
                                0469 2635216, 8111932010
                            </p>
                            <p class="desp">
                                <strong>MRF Tyres</strong><br>
                                Bypass Jn. Near Mobile Planet, Ramanchira<br>
                                0469 2602460, 7559963750, 9847802827
                            </p>
                        </div>
                    </div>
                </div>
            </div>

<div class="col">
                <div class="service-progress-card text-center text-white h-100 d-flex flex-column" data-aos="fade-up"
                    data-aos-delay="100">
                    <div class="service-item flex-grow-1 d-flex flex-column justify-content-start">
                        <div class="heartbeat-icon mb-3">
                            <span class="ak-heartbeat-btn">
                                <img src="assets/img/location.svg" alt="Changanassery Branch">
                            </span>
                        </div>
                        <div class="service-info">
                            <p class="fw-bold mb-2">CHANGANASSERY</p>
                            <p class="desp mb-2">
                                <strong>Tyre India</strong><br>
                                AC Road, Near Hotel Aryas, Perunna<br>
                                9072022584
                            </p>
                            <p class="desp">
                                <strong>Yokohama YCN Showroom</strong><br>
                                Opp. Industrial Estate, Near Veroor Church<br>
                                0481 2992991, 9539 2225 84
                            </p>
                        </div>
                    </div>
                </div>
            </div>

<div class="col">
                <div class="service-progress-card text-center text-white h-100 d-flex flex-column" data-aos="fade-up"
                    data-aos-delay="150">
                    <div class="service-item flex-grow-1 d-flex flex-column justify-content-start">
                        <div class="heartbeat-icon mb-3">
                            <span class="ak-heartbeat-btn">
                                <img src="assets/img/location.svg" alt="Pathanamthitta Branch">
                            </span>
                        </div>
                        <div class="service-info">
                            <p class="fw-bold mb-2">PATHANAMTHITTA</p>
                            <p class="desp mb-2">
                                <strong>Wheelz Club <span style="color:#6a5acd;">apollo</span> Tyre Point</strong><br>
                                St Peters Jn., Near MyG Store<br>
                                0468 2325556, 9747462010, 9447732010
                            </p>
                            <p class="desp">
                                <strong>New Tyre Complex – MRF Tyres</strong><br>
                                Anjakala Ring Road, St Peters Jn.<br>
                                0468 2222081, 8111 892 010
                            </p>
                        </div>
                    </div>
                </div>
            </div>

<div class="col">
                <div class="service-progress-card text-center text-white h-100 d-flex flex-column" data-aos="fade-up"
                    data-aos-delay="200">
                    <div class="service-item flex-grow-1 d-flex flex-column justify-content-start">
                        <div class="heartbeat-icon mb-3">
                            <span class="ak-heartbeat-btn">
                                <img src="assets/img/location.svg" alt="Chengannur Branch">
                            </span>
                        </div>
                        <div class="service-info">
                            <p class="fw-bold mb-2">CHENGANNUR</p>
                            <p class="desp">
                                <strong>Tyre India</strong><br>
                                Near Gov Hospital, Opp Kismat Biriyani<br>
                                0479 2458785, 9847033748
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <style>
        .service-progress-card {
            background-color: #111;
            padding: 25px 20px;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: start;
            height: 100%;
            min-height: 100%;
        }

.service-info p {
            font-size: 0.95rem;
            line-height: 1.6;
        }

.heartbeat-icon img {
            width: 40px;
            height: 40px;
        }

.service-info .fw-bold {
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
            letter-spacing: 1px;
        }
    </style>

<div class="ak-height-125 ak-height-lg-80"></div>
    <section class="container">
        <div class="choose-us-container-extents">
            <div class="choose-us-contain">
                <div class="choose-us-info" data-aos="fade-up">
                    <div class="ak-section-heading ak-style-1">
                        <div class="background-text">Feature</div>
                        <h2 class="ak-section-title">Why Choose Us</h2>
                        <p class="ak-section-subtitle">Trusted since 1960, Tyre India delivers quality tyres, expert
                            service, and advanced wheel care solutions. Powered by premium brands and cutting-edge
                            technology for a smooth, safe ride.</p>
                    </div>
                    <div class="ak-height-60 ak-height-lg-30"></div>
                    <div class="stroke-heading-text">
                        <h3 class="ak-stroke-text hover-color-changes">Multi-Location Presence</h3>
                        <h3 class="ak-stroke-text hover-color-changes">Branded Tyres & Alloy Wheels</h3>
                        <h3 class="ak-stroke-text hover-color-changes">Advanced Technology</h3>
                        <h3 class="ak-stroke-text hover-color-changes">Trained Experts</h3>
                        <h3 class="ak-stroke-text hover-color-changes">Comprehensive Services</h3>
                        <h3 class="ak-stroke-text hover-color-changes">Family-Owned, Customer-Driven</h3>
                    </div>
                    <div class="ak-height-60 ak-height-lg-30"></div>
                    <a href="about" class="common-btn">
                        View More
                    </a>
                </div>
                <div class="choose-us-img" data-aos="fade-up" data-aos-delay="150">
                    <img src="assets/img/chooseus.jpg" alt="...">
                    
                </div>
            </div>
        </div>
    </section>

<div class="ak-height-125 ak-height-lg-80"></div>
    <div class="d-flex justify-content-center">
        <div class="sticky-content container">
            <div class="content style_2">
                <div class="service">
                    <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="service-card" data-aos="fade-left">
                        <a href="services" class="card-img">
                            <img src="<?php echo e(asset('storage/' . $service->image)); ?>" class="ak-bg" alt="...">
                        </a>
                        <div class="card-info">
                            <a href="services" class="card-title"><?php echo e($service->service); ?></a>
                            <p class="card-desp"><?php echo e($service->description); ?></p>
                            <a href="services" class="more-btn">VIEW MORE</a>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
            <div class="sidebar width-none">
                <div class="services-content">
                    <div class="ak-section-heading ak-style-1">
                        <div class="background-text" data-aos="fade-right" data-aos-duration="1000">Services</div>
                        <h2 class="ak-section-title">Services</h2>
                        <p class="ak-section-subtitle">At Tyre India, we’re committed to keeping your drive smooth,
                            safe, and efficient. Our expert team and advanced technology ensure your tyres receive the
                            best care possible. We offer:</p>
                    </div>
                    <div class="ak-height-50 ak-height-lg-10"></div>
                    <a href="services" class="more-btn">VIEW All SERVICES</a>
                </div>
            </div>
        </div>
    </div>
    <div class="scroll-end-point"></div>
    
    
    <div class="ak-height-125 ak-height-lg-80 "></div>
    <div class="container auto-counter-section">
        <div class="row align-items-center gap-lg-0 gap-3" id="counter">
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up">
                    <div class="ak-funfact-number">
                        <div>
                            <span id="count1" class="ak-stroke-number counter" data-number="60"></span>
                        </div>
                        <div><span class="ak-stroke-number">+</span></div>
                    </div>
                    <div class="ak-funfact-text">
                        <p>YEARS OF SERVICE</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up" data-aos-delay="100">
                    <div class="ak-funfact-number">
                        <div>
                            <span id="count2" class="ak-stroke-number counter" data-number="2000"></span>
                        </div>
                        <div><span class="ak-stroke-number">+</span></div>
                    </div>

<div class="ak-funfact-text">
                        <p>HAPPY CUSTOMERS</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up" data-aos-delay="150">
                    <div class="ak-funfact-number">
                        <div>
                            <span id="count3" class="ak-stroke-number counter" data-number="1500"></span>
                        </div>
                        <div><span class="ak-stroke-number">+</span></div>
                    </div>
                    <div class="ak-funfact-text">
                        <p>CUSTOMER SATISFACTION</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="ak-height-125 ak-height-lg-80"></div>
    <div class="our-works-section" data-aos="fade-up" data-aos-duration="1000">
        <h2 class="section-title text-center mb-4">Our Works</h2>
        <div class="row">
            <div class="col-md-3 mb-4">
                <img src="assets/img/10.jpg" class="img-fluid" alt="Work 1">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/11.png" class="img-fluid" alt="Work 2">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/12.jpg" class="img-fluid" alt="Work 3">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/13.png" class="img-fluid" alt="Work 4">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/14.png" class="img-fluid" alt="Work 5">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/15.png" class="img-fluid" alt="Work 6">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/16.png" class="img-fluid" alt="Work 5">
            </div>
            <div class="col-md-3 mb-4">
                <img src="assets/img/17.png" class="img-fluid" alt="Work 6">
            </div>
        </div>
    </div>

<div class="ak-height-125 ak-height-lg-80"></div>
    <div class="container">
        <div class="ak-slider ak-trusted-client-slider">
            <h4 class="title">Trusted Clients</h4>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c1.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c2.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c3.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c4.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c5.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c6.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c7.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c8.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c9.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="trusted-client">
                        <img src="assets/img/c10.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <style>
        .swiper-slide {
            padding: 0 10px;
            /* Adds space left and right between slides */
        }

.trusted-client img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 4px;
            /* optional for slight rounding */
        }
    </style>

<div class="ak-height-125 ak-height-lg-80"></div>
    <div class="container">
        <div class="ak-testimonal-controll">
            <div class="testimonal-heading" data-aos="fade-right">
                <div class="ak-section-heading ak-style-1">
                    <div class="background-text" data-aos="fade-right" data-aos-duration="1000">Testimonial</div>
                    <h2 class="ak-section-title">SEE WHAT OUR Satisfied <br> Customer SAYS</h2>
                </div>
            </div>
            <div class="testimonal-controll" data-aos="fade-left">
                <button class="testimonal-prev button">
                    <img src="assets/img/prev.svg" alt="..."><span> prev</span>
                </button>
                <button class="testimonal-next button">
                    <span>next</span> <img src="assets/img/next.svg" alt="..">
                </button>
            </div>
        </div>
        <div class="ak-height-50 ak-height-lg-50"></div>
       <div class="ak-testimonal" data-aos="fade-up">
    <div class="ak-slider ak-slider-testimonal">
        <div class="swiper-wrapper">
            <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="swiper-slide">
                    <div class="testimonal-info ak-style1 w-100">
                        <div class="slider-info">
                            <div class="d-flex justify-content-between align-items-end">
                                <div class="ms-0">
                                    <h5 class="name fw-bold mb-1" style="font-size: 18px; color: #fff;">
                                        <?php echo e($testimonial->name); ?>

</h5>
                                    <p class="from mb-0" style="font-size: 14px; color: #ccc;">
                                        <?php echo e($testimonial->location); ?>

</p>
                                </div>
                                <div class="icon">
                                    
                                    <svg xmlns="http://www.w3.org/2000/svg" width="109" height="81" viewBox="0 0 109 81" fill="none">
                                        <g opacity="0.7" clip-path="url(#clip0_219_726)">
                                            <path d="..." fill="#FF3D24" />
                                            <path d="..." fill="#FF3D24" />
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_219_726">
                                                <rect width="108.235" height="80" fill="white" transform="translate(0.671997 0.966797)" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </div>
                            </div>
                            <h4 class="desp mt-4" style="font-style: italic; font-weight: 400; font-size: 20px; line-height: 1.6; color: #fff;">
                                <?php echo $testimonial->comment; ?>

</h4>
                        </div>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</div>
<style>
    .testimonal-info.ak-style1 {
    background-color: #000; /* or whatever dark shade you used */
    padding: 30px;
    border-radius: 8px;
}

.testimonal-info .name {
    font-family: 'YourFontBold', sans-serif;
    font-size: 18px;
    color: #fff;
}

.testimonal-info .from {
    font-family: 'YourFontRegular', sans-serif;
    font-size: 14px;
    color: #ccc;
}

.testimonal-info .desp {
    font-family: 'YourFontItalic', sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6;
    color: #fff;
    margin-top: 20px;
}

.swiper-slide {
    padding: 10px;
}

</style>

<div class="ak-height-125 ak-height-lg-80"></div>
        <div class="container">
            <div class="ak-branded-alloys-section text-center">
                <h4 class="title mb-4">Branded Alloys</h4>
                <div class="row justify-content-center">
                    <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4">
                        <div class="alloy-card">
                            <img src="assets/img/a1.jpg" alt="Alloy 1" class="img-fluid alloy-img">
                            <p class="alloy-name mt-2">Plati</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4">
                        <div class="alloy-card">
                            <img src="assets/img/a2.jpg" alt="Alloy 2" class="img-fluid alloy-img">
                            <p class="alloy-name mt-2">Speed Wheels</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4">
                        <div class="alloy-card">
                            <img src="assets/img/a3.jpg" alt="Alloy 3" class="img-fluid alloy-img">
                            <p class="alloy-name mt-2">Racing Wheels</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4">
                        <div class="alloy-card">
                            <img src="assets/img/a4.jpg" alt="Alloy 4" class="img-fluid alloy-img">
                            <p class="alloy-name mt-2">Lenso</p>
                        </div>
                    </div>
                    <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4">
                        <div class="alloy-card">
                            <img src="assets/img/a5.png" alt="Alloy 5" class="img-fluid alloy-img">
                            <p class="alloy-name mt-2">Neo Wheels</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style>
            .alloy-img {
                width: 100%;
                height: 150px;
                /* Adjust as needed */
                object-fit: contain;
                border: 1px solid #ddd;
                padding: 10px;
                background-color: #fff;
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
                border-radius: 8px;
            }

.alloy-name {
                font-size: 18px;
                font-weight: 500;
                color: #f7f2f2;
            }
        </style>

<div class="ak-bg" data-src="assets/img/pricing_bg.png">
            <div class="ak-height-100 ak-height-lg-50"></div>
            <div class="container">
                <div class="center-section-heading" data-aos="fade-up">
                    <div class="ak-section-heading ak-style-1 ak-type-1">
                        
                        <h2 class="ak-section-title">Products & Services</h2>
                        
                    </div>
                </div>
                <div class="ak-height-50 ak-height-lg-50"></div>

<div class="row g-4">
                    <div class="col-md-4">
                        <img src="assets/img/s6.png" class="img-fluid rounded shadow" alt="Service 1">
                    </div>
                    <div class="col-md-4">
                        <img src="assets/img/s5.png" class="img-fluid rounded shadow" alt="Service 2">
                    </div>
                    <div class="col-md-4">
                        <img src="assets/img/s4.png" class="img-fluid rounded shadow" alt="Service 3">
                    </div>
                    <div class="col-md-4">
                        <img src="assets/img/s3.png" class="img-fluid rounded shadow" alt="Service 4">
                    </div>
                    <div class="col-md-4">
                        <img src="assets/img/s2.png" class="img-fluid rounded shadow" alt="Service 5">
                    </div>
                    <div class="col-md-4">
                        <img src="assets/img/s1.png" class="img-fluid rounded shadow" alt="Service 6">
                    </div>
                </div>

<?php $__env->stopSection(); ?>
     
<?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\D E L L\Downloads\_zamorinlighttheme\resources\views/frontend/home.blade.php ENDPATH**/ ?>

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: fc0534d4f1c0e29a1891260df0772261.php

Sid Gifari File Manager