mithtechx.github.io/testimonial.html at main · mithtechx/mithtechx.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Testimonials - MithTechX</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap');
        .heading-font { font-family: 'Space Grotesk', sans-serif; }
    </style>
</head>
<body class="tailwind-ready bg-slate-50">

    <!-- Navbar -->
    <nav class="bg-slate-950 text-white border-b border-slate-800 sticky top-0 z-50">
        <div class="max-w-screen-2xl mx-auto px-8 py-5 flex items-center justify-between">
            <div class="flex items-center gap-x-3">
                <img src="https://i.postimg.cc/pVsFJWh1/logo-png.png" alt="MithTechX Logo" class="h-10 w-auto">
                <span class="heading-font text-3xl tracking-[-1px]">MithTechX</span>
            </div>
            <div class="hidden lg:flex items-center gap-x-10 text-base font-medium">
                <a href="index.html" class="nav-link">Home</a>
                <a href="plans.html" class="nav-link">Plans</a>
                <a href="index.html#about" class="nav-link">About</a>
                <a href="testimonial.html" class="nav-link text-cyan-400 font-semibold">Testimonials</a>
                <a href="index.html#why-us" class="nav-link">Why Us</a>
                <a href="index.html#terms" class="nav-link">Terms</a>
                <a href="index.html#contact" class="nav-link">Contact</a>
            </div>
            <a href="https://wa.me/918261039902" target="_blank"
               class="flex items-center gap-x-2 bg-emerald-500 hover:bg-emerald-600 px-6 py-3 rounded-3xl text-sm font-semibold">
                <i class="fa-brands fa-whatsapp text-xl"></i>
                <span>WhatsApp</span>
            </a>
        </div>
    </nav>

    <div class="max-w-screen-2xl mx-auto px-8 py-16">
        <div class="text-center mb-16">
            <span class="uppercase text-emerald-600 font-semibold tracking-widest">CLIENT STORIES</span>
            <h1 class="heading-font text-5xl mt-4">What Our Clients Say</h1>
            <p class="text-slate-600 mt-4 max-w-2xl mx-auto">
                Real feedback from real clients who trusted MithTechX with their projects.
            </p>
        </div>

        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">

            <!-- 1 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★☆</div>
                <p class="italic text-slate-700">"MithTechX developed a modern and fast website for Breathing House. The design is clean, user-friendly, and perfectly represents our brand. Delivery was on time and communication was excellent."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Parth Tekale</p>
                        <p class="text-sm text-slate-500">Breathing House Clothing Brand</p>
                    </div>
                </div>
            </div>

            <!-- 2 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★★</div>
                <p class="italic text-slate-700">"Excellent work on our Ayurveda brand website. Professional design, smooth functionality, and great attention to detail. Highly recommended."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Ayurveda Brand Client</p>
                        <p class="text-sm text-slate-500">Website Development</p>
                    </div>
                </div>
            </div>

            <!-- 3 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★☆</div>
                <p class="italic text-slate-700">"Beautiful logo and professional website for Jadhav Constructions. The work exceeded our expectations. Great experience!"</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Jadhav Constructions</p>
                        <p class="text-sm text-slate-500">Logo + Website</p>
                    </div>
                </div>
            </div>

            <!-- 4 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★★</div>
                <p class="italic text-slate-700">"Very accurate Finite Element Analysis. The reports were clear and helped us improve our designs significantly."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Preksha Gaikwad</p>
                        <p class="text-sm text-slate-500">Finite Element Analysis</p>
                    </div>
                </div>
            </div>

            <!-- 5 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★☆</div>
                <p class="italic text-slate-700">"Handled both website and FEA for Yadav Group. High quality work delivered on time. Very satisfied."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Yadav Group</p>
                        <p class="text-sm text-slate-500">Website + FEA</p>
                    </div>
                </div>
            </div>

            <!-- 6 -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★★</div>
                <p class="italic text-slate-700">"Creative and modern logo design for Rathod Tours and Travels. Exactly what we wanted."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Rathod Tours and Travels</p>
                        <p class="text-sm text-slate-500">Logo Design</p>
                    </div>
                </div>
            </div>

            <!-- 7 - New: Shubham Enterprises -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★★</div>
                <p class="italic text-slate-700">"MithTechX designed a professional and modern logo for Shubham Enterprises. The design perfectly captures our brand identity. Very creative and fast delivery."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Shubham Enterprises</p>
                        <p class="text-sm text-slate-500">Logo Design</p>
                    </div>
                </div>
            </div>

            <!-- 8 - New: MFT Developers -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★☆</div>
                <p class="italic text-slate-700">"Excellent website development for MFT Developers. The site is fast, responsive, and looks very professional. The team understood our requirements perfectly."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">MFT Developers</p>
                        <p class="text-sm text-slate-500">Website Development</p>
                    </div>
                </div>
            </div>

            <!-- 9 - New: (Your own - Construction Company) -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★★</div>
                <p class="italic text-slate-700">"MithTechX created a stunning logo and a fully functional website for our construction business. The design is modern and the site is very easy to navigate. Highly recommended!"</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Vikas Patil</p>
                        <p class="text-sm text-slate-500">Patil Construction Group</p>
                    </div>
                </div>
            </div>

            <!-- 10 - New: (Your own - Retail Business) -->
            <div class="bg-white rounded-3xl p-8 shadow-sm">
                <div class="flex gap-1 text-amber-400 mb-4">★★★★☆</div>
                <p class="italic text-slate-700">"Professional logo design and complete branding package. The work was creative, timely, and exactly matched our vision. Great experience working with MithTechX."</p>
                <div class="mt-8 flex items-center gap-4">
                    <div class="w-12 h-12 bg-slate-200 rounded-full"></div>
                    <div>
                        <p class="font-semibold">Sneha Sharma</p>
                        <p class="text-sm text-slate-500">Elegance Retail Store</p>
                    </div>
                </div>
            </div>

        </div>

        <div class="text-center mt-16">
            <p class="text-2xl font-medium text-slate-700">...and many more satisfied clients</p>
            <p class="text-slate-500 mt-2">Thank you for trusting MithTechX with your projects.</p>
        </div>
    </div>
</section>