Hugging Face's logo

Spaces:
BuckalewFinancial
/
larry-buckalew
Running

App Files Community
BuckalewFinancial commited on
Commit
8ecbad7
·
verified ·
1 Parent(s): 00a80b6

Can you build out the case studies page? - Initial Deployment

Browse files
Files changed (7) hide show
  1. README.md +7 -5
  2. about.html +327 -0
  3. blog.html +354 -0
  4. case-studies.html +385 -0
  5. index.html +600 -18
  6. prompts.txt +7 -0
  7. services.html +337 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Larry Buckalew
3
- emoji: 🦀
4
- colorFrom: indigo
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: larry-buckalew
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
about.html ADDED
@@ -0,0 +1,327 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>About Larry Buckalew | Insurance Agent Growth Solutions</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ .about-hero {
15
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
16
+ }
17
+ .experience-card {
18
+ background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
19
+ }
20
+ .stat-card {
21
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
22
+ }
23
+ .stat-card:hover {
24
+ transform: translateY(-5px);
25
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="font-sans antialiased text-gray-800">
30
+ <!-- Navigation -->
31
+ <nav class="fixed w-full bg-white shadow-md z-50">
32
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
33
+ <div class="flex justify-between h-16">
34
+ <div class="flex items-center">
35
+ <a href="index.html" class="flex-shrink-0 flex items-center">
36
+ <span class="text-xl font-bold text-blue-800">Larry Buckalew</span>
37
+ </a>
38
+ </div>
39
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
40
+ <a href="index.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a>
41
+ <a href="services.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
42
+ <a href="about.html" class="text-blue-600 px-3 py-2 text-sm font-medium">About</a>
43
+ <a href="index.html#testimonials" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Results</a>
44
+ <a href="blog.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
45
+ <a href="index.html#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300">Get Started</a>
46
+ </div>
47
+ <div class="-mr-2 flex items-center md:hidden">
48
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
49
+ <i data-feather="menu"></i>
50
+ </button>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- Hero Section -->
57
+ <div class="about-hero min-h-[40vh] flex items-center justify-center pt-16">
58
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
59
+ <h1 class="text-4xl md:text-5xl font-bold text-white mb-6" data-aos="fade-up">
60
+ About Larry Buckalew
61
+ </h1>
62
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
63
+ Licensed Insurance Agent & Digital Growth Specialist Helping Agents Succeed
64
+ </p>
65
+ </div>
66
+ </div>
67
+
68
+ <!-- About Content -->
69
+ <section class="py-20 bg-white">
70
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
71
+ <div class="lg:grid lg:grid-cols-12 lg:gap-12">
72
+ <!-- Profile Image -->
73
+ <div class="lg:col-span-5 mb-12 lg:mb-0" data-aos="fade-right">
74
+ <div class="relative rounded-xl overflow-hidden shadow-lg">
75
+ <img src="http://static.photos/office/640x360/42" alt="Larry Buckalew - Insurance Agent & Digital Growth Specialist" class="w-full h-auto rounded-xl">
76
+ <div class="absolute inset-0 bg-blue-600 opacity-20 rounded-xl"></div>
77
+ </div>
78
+ <div class="mt-8 text-center">
79
+ <h3 class="text-2xl font-bold text-gray-900 mb-2">Larry Buckalew</h3>
80
+ <p class="text-blue-600 font-semibold mb-2">Licensed Insurance Agent & Growth Consultant</p>
81
+ <p class="text-gray-600">10+ Years Industry Experience</p>
82
+ </div>
83
+ </div>
84
+
85
+ <!-- Bio Content -->
86
+ <div class="lg:col-span-7" data-aos="fade-left">
87
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6">
88
+ My Journey in Insurance
89
+ </h2>
90
+
91
+ <div class="space-y-6 text-lg text-gray-700">
92
+ <p>
93
+ For over a decade, I've been where you are today - navigating the complex world of insurance sales, building client relationships, and constantly seeking better ways to grow my business. As a licensed agent in both life and health insurance, I've personally experienced the challenges and opportunities that come with being an insurance professional.
94
+ </p>
95
+
96
+ <p>
97
+ My journey began at Buckalew Financial Services, where I built my practice from the ground up. Through years of hands-on experience, I learned what truly works in insurance sales and what doesn't. More importantly, I discovered how technology and digital strategies could transform an insurance business from struggling to thrive.
98
+ </p>
99
+
100
+ <p>
101
+ The turning point came when I started implementing automation and digital marketing strategies in my own practice. I went from spending hours on administrative tasks to focusing on what really matters - serving clients and closing sales. My productivity skyrocketed, and I began helping other agents achieve the same results.
102
+ </p>
103
+
104
+ <p class="font-semibold text-blue-800">
105
+ Today, I combine my deep insurance industry knowledge with cutting-edge digital expertise to help agents like you work smarter, not harder, and achieve sustainable business growth.
106
+ </p>
107
+ </div>
108
+
109
+ <!-- Credentials -->
110
+ <div class="mt-12 experience-card p-8 rounded-xl" data-aos="fade-up">
111
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">Professional Credentials & Experience</h3>
112
+ <div class="grid md:grid-cols-2 gap-6">
113
+ <div class="flex items-start">
114
+ <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
115
+ <i data-feather="award" class="text-blue-600 w-6 h-6"></i>
116
+ </div>
117
+ <div class="ml-4">
118
+ <h4 class="font-semibold text-gray-900">Licensed Agent</h4>
119
+ <p class="text-gray-600">Life & Health Insurance</p>
120
+ <p class="text-sm text-gray-500">10+ Years Experience</p>
121
+ </div>
122
+ </div>
123
+ <div class="flex items-start">
124
+ <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
125
+ <i data-feather="users" class="text-blue-600 w-6 h-6"></i>
126
+ </div>
127
+ <div class="ml-4">
128
+ <h4 class="font-semibold text-gray-900">Agent Consultant</h4>
129
+ <p class="text-gray-600">100+ Agents Supported</p>
130
+ <p class="text-sm text-gray-500">Business Growth Strategies</p>
131
+ </div>
132
+ </div>
133
+ <div class="flex items-start">
134
+ <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
135
+ <i data-feather="trending-up" class="text-blue-600 w-6 h-6"></i>
136
+ </div>
137
+ <div class="ml-4">
138
+ <h4 class="font-semibold text-gray-900">Digital Marketing</h4>
139
+ <p class="text-gray-600">Lead Generation Expert</p>
140
+ <p class="text-sm text-gray-500">300% Average ROI</p>
141
+ </div>
142
+ </div>
143
+ <div class="flex items-start">
144
+ <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
145
+ <i data-feather="cpu" class="text-blue-600 w-6 h-6"></i>
146
+ </div>
147
+ <div class="ml-4">
148
+ <h4 class="font-semibold text-gray-900">Automation Specialist</h4>
149
+ <p class="text-gray-600">Process Optimization</p>
150
+ <p class="text-sm text-gray-500">Time-saving Solutions</p>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </section>
159
+
160
+ <!-- Why I Do This Section -->
161
+ <section class="py-20 bg-gray-50">
162
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
163
+ <div class="text-center mb-16">
164
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">
165
+ Why I Help Insurance Agents
166
+ </h2>
167
+ <p class="mt-4 text-xl text-gray-600 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
168
+ I believe every insurance agent deserves the tools and strategies to build a thriving, sustainable business
169
+ </p>
170
+ </div>
171
+
172
+ <div class="grid md:grid-cols-3 gap-8">
173
+ <div class="bg-white p-8 rounded-xl shadow-md text-center" data-aos="fade-up" data-aos-delay="200">
174
+ <div class="bg-blue-100 p-4 rounded-full w-16 h-16 mx-auto mb-6 flex items-center justify-center">
175
+ <i data-feather="heart" class="text-blue-600 w-8 h-8"></i>
176
+ </div>
177
+ <h3 class="text-xl font-bold text-gray-900 mb-4">Passion for the Industry</h3>
178
+ <p class="text-gray-600">
179
+ I genuinely love the insurance industry and want to see fellow agents succeed. Having walked in your shoes, I understand your challenges and can provide practical solutions that actually work.
180
+ </p>
181
+ </div>
182
+
183
+ <div class="bg-white p-8 rounded-xl shadow-md text-center" data-aos="fade-up" data-aos-delay="300">
184
+ <div class="bg-blue-100 p-4 rounded-full w-16 h-16 mx-auto mb-6 flex items-center justify-center">
185
+ <i data-feather="target" class="text-blue-600 w-8 h-8"></i>
186
+ </div>
187
+ <h3 class="text-xl font-bold text-gray-900 mb-4">Proven Results</h3>
188
+ <p class="text-gray-600">
189
+ The strategies I share aren't theoretical - they're battle-tested methods that have helped agents increase their sales, reduce administrative burden, and achieve better work-life balance.
190
+ </p>
191
+ </div>
192
+
193
+ <div class="bg-white p-8 rounded-xl shadow-md text-center" data-aos="fade-up" data-aos-delay="400">
194
+ <div class="bg-blue-100 p-4 rounded-full w-16 h-16 mx-auto mb-6 flex items-center justify-center">
195
+ <i data-feather="zap" class="text-blue-600 w-8 h-8"></i>
196
+ </div>
197
+ <h3 class="text-xl font-bold text-gray-900 mb-4">Future-Proofing</h3>
198
+ <p class="text-gray-600">
199
+ The insurance landscape is changing rapidly. I help agents adapt to digital transformation and leverage technology to stay competitive and relevant in today's market.
200
+ </p>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </section>
205
+
206
+ <!-- Stats Section -->
207
+ <section class="py-20 bg-blue-600 text-white">
208
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
209
+ <div class="grid md:grid-cols-4 gap-8 text-center">
210
+ <div class="stat-card p-6" data-aos="fade-up">
211
+ <div class="text-4xl font-bold mb-2">10+</div>
212
+ <div class="text-blue-100">Years Insurance Experience</div>
213
+ </div>
214
+ <div class="stat-card p-6" data-aos="fade-up" data-aos-delay="100">
215
+ <div class="text-4xl font-bold mb-2">100+</div>
216
+ <div class="text-blue-100">Agents Supported</div>
217
+ </div>
218
+ <div class="stat-card p-6" data-aos="fade-up" data-aos-delay="200">
219
+ <div class="text-4xl font-bold mb-2">300%</div>
220
+ <div class="text-blue-100">Average ROI</div>
221
+ </div>
222
+ <div class="stat-card p-6" data-aos="fade-up" data-aos-delay="300">
223
+ <div class="text-4xl font-bold mb-2">15+</div>
224
+ <div class="text-blue-100">Hours Saved Weekly</div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </section>
229
+
230
+ <!-- CTA Section -->
231
+ <section class="py-20 bg-white">
232
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
233
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6" data-aos="fade-up">
234
+ Ready to Work With Someone Who Gets It?
235
+ </h2>
236
+ <p class="text-xl text-gray-600 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
237
+ Let's discuss how my insurance industry experience and digital expertise can help you achieve your business goals.
238
+ </p>
239
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
240
+ <a href="index.html#contact" class="bg-blue-600 text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-700 transition duration-300">
241
+ Schedule Free Consultation
242
+ </a>
243
+ <a href="services.html" class="border-2 border-blue-600 text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-600 hover:text-white transition duration-300">
244
+ Explore Services
245
+ </a>
246
+ </div>
247
+ </div>
248
+ </section>
249
+
250
+ <!-- Footer -->
251
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
252
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
253
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
254
+ <div>
255
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
256
+ <ul class="space-y-2">
257
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Automation</a></li>
258
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">CRM Solutions</a></li>
259
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Websites</a></li>
260
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Social Media</a></li>
261
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Paid Ads</a></li>
262
+ </ul>
263
+ </div>
264
+ <div>
265
+ <h3极 class="text-lg font-semibold mb-4">Resources</h3>
266
+ <ul class="space-y-2">
267
+ <li><a href="blog.html" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
268
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
269
+ <li><a href="#" class="text极-gray-400 hover:text-white transition duration-300">Guides</a></li>
270
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></li>
271
+ </ul>
272
+ </div>
273
+ <div>
274
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
275
+ <ul class="space-y-2">
276
+ <li><a href="about.html" class="text-gray-400 hover:text-white transition duration-300">About</a></li>
277
+ <li><a href="index.html#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
278
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy</a></li>
279
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms</a></li>
280
+ </ul>
281
+ </div>
282
+ <div>
283
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
284
+ <div class="flex space-x-4">
285
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
286
+ <i data-feather="facebook" class="w-5 h-5"></i>
287
+ </a>
288
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
289
+ <i data-feather="twitter" class="w-5 h-5"></极>
290
+ </a>
291
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
292
+ <i data-feather="linkedin" class="w-5 h-5"></i>
293
+ </a>
294
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
295
+ <i data-feather="instagram" class="w-5 h-5"></i>
296
+ </a>
297
+ </div>
298
+ <div class="mt-6">
299
+ <p class="text-gray-400">Subscribe to our newsletter</p>
300
+ <div class="mt-2 flex">
301
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-md text-gray-900 focus:outline-none">
302
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 transition duration-300">
303
+ <i data-feather="send" class="w-5 h-5"></i>
304
+ </button>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
310
+ <p>&copy; 2023 Larry Buckalew. All rights reserved.</p>
311
+ </div>
312
+ </div>
313
+ </footer>
314
+
315
+ <script>
316
+ // Initialize animations
317
+ AOS.init({
318
+ duration: 800,
319
+ easing: 'ease-in-out',
320
+ once: true
321
+ });
322
+
323
+ // Initialize feather icons
324
+ feather.replace();
325
+ </script>
326
+ </body>
327
+ </html>
blog.html ADDED
@@ -0,0 +1,354 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Blog | Larry Buckalew | Insurance Agent Growth Solutions</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr极.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ .blog-hero {
15
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
16
+ }
17
+ .post-card {
18
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
19
+ }
20
+ .post-card:hover {
21
+ transform: translateY(-5px);
22
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
23
+ }
24
+ .category-filter.active {
25
+ background-color: #2563eb;
26
+ color: white;
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="font-sans antialiased text-gray-800">
31
+ <!-- Navigation -->
32
+ <nav class="fixed w-full bg-white shadow-md z-50">
33
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
34
+ <div class="flex justify-between h-16">
35
+ <div class="flex items-center">
36
+ <a href="index.html" class="flex-shrink-0 flex items-center">
37
+ <span class="text-xl font-bold text-blue-800">Larry Buckalew</span>
38
+ </a>
39
+ </div>
40
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
41
+ <a href="index.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a>
42
+ <a href="services.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
43
+ <a href="about.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
44
+ <a href="index.html#testimonials" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Results</a>
45
+ <a href="blog.html" class="text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
46
+ <a href="index.html#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300">Get Started</a>
47
+ </div>
48
+ <div class="-mr-2极 flex items-center md:hidden">
49
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
50
+ <i data-feather="menu"></i>
51
+ </button>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+
57
+ <!-- Hero Section -->
58
+ <div class="blog-hero min-h-[40vh] flex items-center justify-center pt-16">
59
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
60
+ <h1 class="text-4xl md:text-5xl font-bold text-white mb-6" data-aos="fade-up">
61
+ Insurance Agent Growth Blog
62
+ </h1>
63
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
64
+ Insights, strategies, and tips to help insurance agents grow their business with technology and automation
65
+ </p>
66
+ </div>
67
+ </div>
68
+
69
+ <!-- Categories Filter -->
70
+ <section class="py-12 bg-gray-50">
71
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
72
+ <div class="text-center mb-8">
73
+ <h2 class="text-2xl font-bold text-gray-900 mb-4">Browse by Category</h2>
74
+ <div class="flex flex-wrap justify-center gap-3">
75
+ <button class="category-filter active px-4 py-2 rounded-full bg-blue-600 text-white text-sm font-medium transition duration-300" data-category="all">
76
+ All Posts
77
+ </button>
78
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-700 border border-gray-300 text-sm font-medium hover:bg-blue-50 transition duration-300" data-category="automation">
79
+ Automation
80
+ </button>
81
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-700 border border-gray-300 text-sm font-medium hover:bg-blue-50 transition duration-300" data-category="crm">
82
+ CRM Solutions
83
+ </button>
84
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-700 border border-gray-300 text-sm font-medium hover:bg-blue-50 transition duration-300" data-category="websites">
85
+ Websites & Landing Pages
86
+ </button>
87
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-极7 text-gray-700 border border-gray-300 text-sm font-medium hover:bg-blue-50 transition duration-300" data-category="social-media">
88
+ Social Media Marketing
89
+ </button>
90
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-700 border border-gray-300 text-sm font-medium hover:bg-blue-50 transition duration-300" data-category="paid-ads">
91
+ Paid Advertising
92
+ </button>
93
+ <button class="category-filter px-4 py-2 rounded-full bg-white text-gray-700 border border-gray-300 text极-sm font-medium hover:bg-blue-50 transition duration-300" data-category="analytics">
94
+ Analytics & Reporting
95
+ </button>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </section>
100
+
101
+ <!-- Blog Posts Grid -->
102
+ <section class="py-20 bg-white">
103
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
104
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8" id="blog-posts">
105
+ <!-- Post 1 - Automation -->
106
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="automation" data-aos="fade-up">
107
+ <a href="blog-post-automation-lead-followup.html">
108
+ <img src="http://static.photos/technology/640x360/1" alt="Automated Lead Follow-up" class="w-full h-48 object-cover">
109
+ <div class="p-6">
110
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
111
+ Automation
112
+ </span>
113
+ <h3 class="text-xl font-bold text-gray-900 mb-3">How to Automate Lead Follow-up for Insurance Agents</h3>
114
+ <p class="text-gray-600 mb-4">Learn how to set up automated sequences that nurture leads 24/7 without manual effort...</p>
115
+ <div class="flex items-center text-sm text-gray-500">
116
+ <span>October 15, 2023</span>
117
+ <span class="mx-2">•</span>
118
+ <span>5 min read</span>
119
+ </div>
120
+ </div>
121
+ </a>
122
+ </article>
123
+
124
+ <!-- Post 2 - CRM -->
125
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="crm" data-aos="fade-up" data-aos-delay="100">
126
+ <a href="blog-post-crm-implementation.html">
127
+ <img src="http://static.photos/office/640x360/2" alt="CRM Implementation" class="w-full h-48 object-cover">
128
+ <div class="p-6">
129
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
130
+ CRM Solutions
131
+ </span>
132
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Choosing the Right CRM for Your Insurance Practice</h3>
133
+ <p class="text-gray-600 mb-4">A comprehensive guide to selecting and implementing a CRM that fits your insurance business needs...</p>
134
+ <div class="flex items-center text-sm text-gray-500">
135
+ <span>October 10, 2023</span>
136
+ <span class="mx-2">•</span>
137
+ <span>7 min read</span>
138
+ </div>
139
+ </div>
140
+ </a>
141
+ </article>
142
+
143
+ <!-- Post 3 - Websites -->
144
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="websites" data-aos="fade-up" data-aos-delay="200">
145
+ <a href="blog-post-landing-pages.html">
146
+ <img src="http://static.photos/technology/640x360/3" alt="High-Converting Landing Pages" class="w-full h-48 object-cover">
147
+ <div class="p-6">
148
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
149
+ Websites & Landing Pages
150
+ </span>
151
+ <h3 class="text-xl font-bold text-gray-900 mb-3">5 Elements of High-Converting Insurance Landing Pages</h3>
152
+ <p class="text-gray-600 mb-4">Discover the key components that turn visitors into qualified insurance leads...</p>
153
+ <div class="flex items-center text-sm text-gray-500">
154
+ <span>October 5, 2023</span>
155
+ <span class="mx-2">•</span>
156
+ <span>6 min read</span>
157
+ </div>
158
+ </div>
159
+ </a>
160
+ </article>
161
+
162
+ <!-- Post 4 - Social Media -->
163
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="social-media" data-aos="fade-up" data-aos-delay="300">
164
+ <a href="blog-post-social-media-strategy.html">
165
+ <img src="http://static.photos/people/640x360/4" alt="Social Media Strategy" class="w-full h-48 object-cover">
166
+ <div class="p-6">
167
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
168
+ Social Media Marketing
169
+ </span>
170
+ <h3 class="text-xl font-bold text-gray-900极 mb-3">Building Your Insurance Brand on Social Media</h3>
171
+ <p class="text-gray-600 mb-4">Effective strategies to establish credibility and generate leads through social platforms...</p>
172
+ <div class="flex items-center text-sm text极-gray-500">
173
+ <span>September 28, 2023</span>
174
+ <span class="mx-2">•</span>
175
+ <span>8 min read</span>
176
+ </div>
177
+ </div>
178
+ </a>
179
+ </article>
180
+
181
+ <!-- Post 5 - Paid Ads -->
182
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="paid-ads" data-aos="fade-up" data-aos-delay="400">
183
+ <a href="blog-pos极-paid-ads-roi.html">
184
+ <img src="http://static.photos/finance/640x360/5" alt="Paid Advertising ROI" class="w-full h-48 object-cover">
185
+ <div class="p-6">
186
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
187
+ Paid Advertising
188
+ </span>
189
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Maximizing ROI with Insurance Facebook Ads</h3>
190
+ <p class="text-gray-600 mb-4">Proven tactics to optimize your ad spend and generate quality insurance leads...</p>
191
+ <div class="flex items-center text-sm text-gray-500">
192
+ <span>September 22, 2023</span>
193
+ <span class="mx-2">•</span>
194
+ <span>5 min read</span>
195
+ </div>
196
+ </div>
197
+ </a>
198
+ </article>
199
+
200
+ <!-- Post 6 - Analytics -->
201
+ <article class="post-card bg-white rounded-xl shadow-md overflow-hidden" data-category="analytics" data-aos="fade-up" data-aos-delay="500">
202
+ <a href="blog-post-analytics-tracking.html">
203
+ <img src="http://static.photos/technology/640x360/6" alt="Analytics Tracking" class="w-full h-48 object-cover">
204
+ <div class="p-6">
205
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-xs font-medium rounded-full mb-3">
206
+ Analytics & Reporting
207
+ </span>
208
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Tracking What Matters: Insurance Marketing Metrics</h3>
209
+ <p class="text-gray-600 mb-4">Key performance indicators every insurance agent should be monitoring...</p>
210
+ <div class="flex items-center text-sm text-gray-500">
211
+ <span>September 15, 2023</span>
212
+ <span class="mx-2">•</span>
213
+ <span>7 min read</span>
214
+ </div>
215
+ </div>
216
+ </a>
217
+ </article>
218
+ </div>
219
+
220
+ <!-- Load More Button -->
221
+ <div class="text-center mt-12" data-aos="fade-up">
222
+ <button class="bg-blue-600 text-white px-8 py-3 rounded-lg text-lg font-semibold hover:bg-blue-700 transition duration-300">
223
+ Load More Articles
224
+ </button>
225
+ </div>
226
+ </div>
227
+ </section>
228
+
229
+ <!-- Newsletter Section -->
230
+ <section class="py-20 bg-gray-50">
231
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
232
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6" data-aos="fade-up">
233
+ Stay Updated with Insurance Growth Tips
234
+ </h2>
235
+ <p class="text-xl text-gray-600 mb-10" data-aos="fade-up" data-aos-delay="100">
236
+ Get the latest strategies and insights delivered to your inbox every week
237
+ </p>
238
+ <form class="max-w-md mx-auto" data-aos="fade-up" data-aos-delay="200">
239
+ <div class="flex">
240
+ <input type="email" placeholder="Enter your email" class="flex-1 px-4 py-3 border border-gray-300 rounded-l-lg focus:ring-blue-500 focus:border-blue-500">
241
+ <button type="submit" class="bg-blue-600 text-white px-6 py-3 rounded-r-lg font-semibold hover:bg-blue-700 transition duration-300">
242
+ Subscribe
243
+ </button>
244
+ </div>
245
+ <p class="text-sm text-gray-500 mt-3">No spam, unsubscribe at any time</p>
246
+ </form>
247
+ </div>
248
+ </section>
249
+
250
+ <!-- Footer -->
251
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
252
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
253
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
254
+ <div>
255
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
256
+ <ul class="space-y-2">
257
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Automation</a></li>
258
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">CRM Solutions</a></li>
259
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Websites</a></li>
260
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Social Media</a></li>
261
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Paid Ads</a></li>
262
+ </ul>
263
+ </div>
264
+ <div>
265
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
266
+ <ul class="space-y-2">
267
+ <li><a href="blog.html" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
268
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
269
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Guides</a></li>
270
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></极li>
271
+ </ul>
272
+ </div>
273
+ <div>
274
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
275
+ <ul class="space-y-2">
276
+ <li><a href="about.html" class="text-gray-400 hover:text-white transition duration-300">About</a></li>
277
+ <li><a href="index.html#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
278
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy</a></li>
279
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms</a></li>
280
+ </ul>
281
+ </div>
282
+ <div>
283
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
284
+ <div class="flex space-x-4">
285
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
286
+ <i data-feather="facebook" class="w-5 h-5"></i>
287
+ </a>
288
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
289
+ <i data-feather="twitter" class="w-5 h-5"></i>
290
+ </a>
291
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
292
+ <i data-feather="linkedin" class="w-5 h-5"></i>
293
+ </a>
294
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
295
+ <i data-feather="instagram" class="w-5 h-5"></i>
296
+ </a>
297
+ </div>
298
+ <div class="mt-6">
299
+ <p class="text-gray-400">Subscribe to our newsletter</p>
300
+ <div class="mt-2 flex">
301
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-md text-gray-900 focus:outline-none">
302
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 transition duration-300">
303
+ <i data-feather="send" class="w-5 h-极5"></i>
304
+ </button>
305
+ </极div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
310
+ <p>&copy; 2023 Larry Buckalew. All rights reserved.</p>
311
+ </div>
312
+ </div>
313
+ </footer>
314
+
315
+ <script>
316
+ // Initialize animations
317
+ AOS.init({
318
+ duration: 800,
319
+ easing: 'ease-in-out',
320
+ once: true
321
+ });
322
+
323
+ // Category filter functionality
324
+ document.addEventListener('DOMContentLoaded', function() {
325
+ const filters = document.querySelectorAll('.category-filter');
326
+ const posts = document.querySelectorAll('.post-card');
327
+
328
+ filters.forEach(filter => {
329
+ filter.addEventListener('click', function() {
330
+ const category = this.getAttribute('data-category');
331
+
332
+ // Update active state
333
+ filters.forEach(f => f.classList.remove('active', 'bg-blue-600', 'text-white'));
334
+ filters.forEach(f => f.classList.add('bg-white', 'text-gray-700', 'border'));
335
+ this.classList.remove('bg-white', 'text-gray-700', 'border');
336
+ this.classList.add('active', 'bg-blue-600', 'text-white');
337
+
338
+ // Filter posts
339
+ posts.forEach(post => {
340
+ if (category === 'all' || post.getAttribute('data-category') === category) {
341
+ post.style.display = 'block';
342
+ } else {
343
+ post.style.display = 'none';
344
+ }
345
+ });
346
+ });
347
+ });
348
+ });
349
+
350
+ // Initialize feather icons
351
+ feather.replace();
352
+ </script>
353
+ </body>
354
+ </html>
case-studies.html ADDED
@@ -0,0 +1,385 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Case Studies | Larry Buckalew | Insurance Agent Growth Solutions</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ .case-studies-hero {
15
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
16
+ }
17
+ .case-study-card {
18
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
19
+ }
20
+ .case-study-card:hover {
21
+ transform: translateY(-5px);
22
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
23
+ }
24
+ .stat-highlight {
25
+ background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="font-sans antialiased text-gray-800">
30
+ <!-- Navigation -->
31
+ <nav class="fixed w-full bg-white shadow-md z-50">
32
+ <div class="max-w-7xl mx-auto px极4 sm:px-6 lg:px-8">
33
+ <div class="flex justify-between h-16">
34
+ <div class="flex items-center">
35
+ <a href="index.html" class="flex-shrink-0 flex items-center">
36
+ <span class="text-xl font-bold text-blue-800">Larry Buckalew</span>
37
+ </a>
38
+ </div>
39
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
40
+ <a href="index.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a>
41
+ <a href="services.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
42
+ <a href="about.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
43
+ <a href="case-studies.html" class="text-blue-600 px-3 py-2 text-sm font-medium">Case Studies</a>
44
+ <a href="blog.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Blog</a>
45
+ <a href="index.html#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover极:bg-blue-700 transition duration-300">Get Started</a>
46
+ </div>
47
+ <div class="-mr-2 flex items-center md:hidden">
48
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
49
+ <i data-feather="menu"></i>
50
+ </button>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </nav>
55
+
56
+ <!-- Hero Section -->
57
+ <div class="case-studies-hero min-h-[40vh] flex items-center justify-center pt-16">
58
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
59
+ <h1 class="text-4xl md:text-5xl font-bold text-white mb-6" data-aos="fade-up">
60
+ Real Results for Insurance Agents
61
+ </h1>
62
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
63
+ See how our strategies have transformed insurance businesses and delivered measurable results
64
+ </p>
65
+ </div>
66
+ </div>
67
+
68
+ <!-- Case Studies Grid -->
69
+ <section class="py-20 bg-gray-50">
70
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
71
+ <div class="grid lg:grid-cols-2 gap-12">
72
+ <!-- Case Study 1 - Automation -->
73
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up">
74
+ <img src="http://static.photos/technology/640x360/10" alt="Automation Case Study" class="w-full h-48 object-cover">
75
+ <div class="p-8">
76
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
77
+ Process Automation
78
+ </span>
79
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">From 30 to 60 Policies Monthly with Automation</h3>
80
+ <p class="text-gray-600 mb-6">
81
+ How a life insurance agent doubled their policy sales while reducing administrative workload by 15 hours per week.
82
+ </p>
83
+ <div class="stat-highlight p-6 rounded-lg mb-6">
84
+ <div class="grid grid-cols-2 gap-4 text-center">
85
+ <div>
86
+ <div class="text-2xl font-bold text-blue-600">+100%</div>
87
+ <div class="text-sm text-gray-600">Policy Sales Increase</div>
88
+ </div>
89
+ <div>
90
+ <div class="text-2xl font-bold text-blue-600">15 hrs</div>
91
+ <div class="text-sm text-gray-600">Weekly Time Saved</div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ <a href="case-study-automation-doubled-sales.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
96
+ Read Full Case Study
97
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
98
+ </a>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Case Study 2 - CRM -->
103
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="100">
104
+ <img src="http://static.photos/office/640x360/11" alt="CRM Case Study" class="w-full h-48 object-cover">
105
+ <div class="p-8">
106
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
107
+ CRM Implementation
108
+ </span>
109
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Agency CRM Overhaul: 40% Increase in Lead Conversion</h3>
110
+ <p class="text-gray-600 mb-6">
111
+ A multi-agent agency transformed their sales process with a customized CRM solution and automated follow-up system.
112
+ </p>
113
+ <div class="stat-highlight p-6 rounded-lg mb-6">
114
+ <div class="grid grid-cols-2 gap-4 text-center">
115
+ <div>
116
+ <div class="text-2xl font-bold text-blue-600">+40%</div>
117
+ <div class="text-sm text-gray-600">Lead Conversion Rate</div>
118
+ </div>
119
+ <div>
120
+ <div class="text-2xl font-bold text-blue-600">28%</div>
121
+ <div class="text-sm text-gray-600">Revenue Growth</div>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ <a href="case-study-crm-overhaul.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
126
+ Read Full Case Study
127
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
128
+ </a>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Case Study 3 - Landing Pages -->
133
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="200">
134
+ <img src="http://static.photos/technology/640x360/12" alt="Landing Pages Case Study" class="w-full极 h-48 object-cover">
135
+ <div class="p-8">
136
+ <span class="inline-block px-3 py极-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
137
+ Website & Landing Pages
138
+ </span>
139
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">7x Conversion Rate with Optimized Landing Pages</h3>
140
+ <p class="text-gray-600 mb-6">
141
+ How a Medicare specialist increased landing page conversion from 4% to 28% with targeted design and messaging.
142
+ </p>
143
+ <div class="stat-highlight p-6 rounded-lg mb-6">
144
+ <div class="grid grid-cols-2 gap-4 text-center">
145
+ <div>
146
+ <div class="text-2xl font-bold text-blue-600">7x</div>
147
+ <div class="text-sm text-gray-600">Conversion Increase</div>
148
+ </div>
149
+ <div>
150
+ <div class="text-2xl font-bold text-blue-600">20+</div>
151
+ <div class="text-sm text-gray-600">Weekly Qualified Leads</div>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ <a href="case-study-landing-page-conversion.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
156
+ Read Full Case Study
157
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
158
+ </a>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Case Study 4 - Social Media -->
163
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="300">
164
+ <img src="http://static.photos/people/640x360/13" alt="Social Media Case Study" class="w-full h-48 object-cover">
165
+ <div class="p-8">
166
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
167
+ Social Media Marketing
168
+ </span>
169
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Building a Local Insurance Brand through Social Media</h3>
170
+ <p class="text-gray-600 mb-6">
171
+ An independent agent established themselves as the go-to insurance expert in their community through strategic social media presence.
172
+ </p>
173
+ <div class="stat-highlight p-6 rounded-lg mb-6">
174
+ <div class="grid grid-cols-2 gap-4 text-center">
175
+ <div>
176
+ <div class="text-2xl font-bold text-blue-600">5x</div>
177
+ <div class="text-sm text-gray-600">Social Media Reach</div>
178
+ </div>
179
+ <div>
180
+ <div class="text-2xl font-bold text-blue-600">35%</div>
181
+ <div class="text-sm极 text-gray-600">Referral Increase</div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ <a href="case-study-social-media-brand.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
186
+ Read Full Case Study
187
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></极i>
188
+ </a>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Case Study 5 - Paid Ads -->
193
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="400">
194
+ <img src="http://static.photos/finance/640x360/14" alt="Paid Ads Case Study" class="w-full h-48 object-cover">
195
+ <div class="p-8">
196
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
197
+ Paid Advertising
198
+ </span>
199
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Facebook Ads Delivering 15-20 Qualified Leads Weekly</h3>
200
+ <p class="text-gray-600 mb-6">
201
+ Consistent lead generation through targeted Facebook advertising campaigns with measurable ROI and optimized performance.
202
+ </p>
203
+ <div class="stat-highlight p-6 rounded-lg mb-6">
204
+ <div class="grid grid-cols-2 gap-4 text-center">
205
+ <div>
206
+ <div class="text-2xl font-bold text-blue-600">$18</div>
207
+ <div class="text-sm text-gray-600">Cost Per Lead</div>
208
+ </div>
209
+ <div>
210
+ <div class="text-2xl font-bold text-blue-600">320%</div>
211
+ <div class="text-sm text-gray-600">ROI</div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ <a href="case-study-facebook-ads-leads.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
216
+ Read Full Case Study
217
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
218
+ </a>
219
+ </div>
220
+ </div>
221
+
222
+ <!-- Case Study 6 - Comprehensive -->
223
+ <div class="case-study-card bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="500">
224
+ <img src="http://static.photos/office/640x360/15" alt="Comprehensive Solution Case Study" class="w-full h-48 object-cover">
225
+ <div class="p-8">
226
+ <span class="inline-block px-3 py-1 bg-blue-100 text-blue-800 text-sm font-medium rounded-full mb-4">
227
+ Comprehensive Solution
228
+ </span>
229
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Complete Digital Transformation: 200% Growth in 12 Months</h3>
230
+ <p class="text-gray-600 mb-6">
231
+ Full-stack digital transformation including automation, CRM, website, and marketing leading to unprecedented growth.
232
+ </p>
233
+ <div class="stat-highlight p-6 rounded-lg mb-6">
234
+ <div class="grid grid-cols-2 gap-4 text-center">
235
+ <div>
236
+ <div class="text-2xl font-bold text-blue-600">200%</div>
237
+ <div class="text-sm text-gray-600">Revenue Growth</div>
238
+ </div>
239
+ <div>
240
+ <div class="text-2xl font-bold text-blue-600">85%</div>
241
+ <div class="text-sm text-gray-600">Client Retention</div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ <a href="case-study-digital-transformation.html" class="inline-flex items-center text-blue-600 font-semibold hover:text-blue-700 transition duration-300">
246
+ Read Full Case Study
247
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
248
+ </a>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </section>
254
+
255
+ <!-- Results Summary -->
256
+ <section class="py-20 bg-blue-600 text-white">
257
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
258
+ <div class="text-center mb-16">
259
+ <h2 class="text-3xl font-extrabold mb-6" data-aos="fade-up">
260
+ Proven Track Record of Success
261
+ </h2>
262
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
263
+ Our strategies have consistently delivered measurable results for insurance agents across different specialties
264
+ </p>
265
+ </div>
266
+
267
+ <div class="grid md:grid-cols-4 gap-8 text-center">
268
+ <div data-aos="fade-up" data-aos-delay="200">
269
+ <div class="text-4xl font-bold mb-2">100+</div>
270
+ <div class="text-blue-100">Agents Supported</div>
271
+ </div>
272
+ <div data-aos="fade-up" data-aos-delay="300">
273
+ <div class="text-4xl font-bold mb-2">300%</div>
274
+ <div class="text-blue-100">Average ROI</div>
275
+ </div>
276
+ <div data-aos="fade-up" data-aos-delay="400">
277
+ <div class="text-4xl font-bold mb-2">15+</div>
278
+ <div class="text-blue-100">Hours Saved Weekly</div>
279
+ </div>
280
+ <div data-aos="fade-up" data-aos-delay="500">
281
+ <div class="text-4xl font-bold mb-2">98%</div>
282
+ <div class="text-blue-100">Client Satisfaction</div>
283
+ </div>
284
+ </div>
285
+ </div>
286
+ </section>
287
+
288
+ <!-- CTA Section -->
289
+ <section class="py-20 bg-white">
290
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
291
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6" data-aos="fade-up">
292
+ Ready to Achieve Similar Results?
293
+ </h2>
294
+ <p class="text-xl text-gray-600 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
295
+ Let's discuss how we can implement these proven strategies to grow your insurance business
296
+ </p>
297
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
298
+ <a href="index.html#contact" class="bg-blue-600 text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-700 transition duration-300">
299
+ Schedule Free Consultation
300
+ </a>
301
+ <a href="services.html" class="border-2 border-blue-600 text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-600 hover:text-white transition duration-300">
302
+ Explore Our Services
303
+ </a>
304
+ </div>
305
+ </div>
306
+ </section>
307
+
308
+ <!-- Footer -->
309
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
310
+ <div class极="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
311
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
312
+ <div>
313
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
314
+ <ul class="space-y-2">
315
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Automation</a></li>
316
+ <极li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">CRM Solutions</a></li>
317
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Websites</a></li>
318
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Social Media</a></li>
319
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Paid Ads</a></li>
320
+ </ul>
321
+ </div>
322
+ <div>
323
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
324
+ <ul class="space-y-2">
325
+ <li><a href="blog.html" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
326
+ <li><a href="case-studies.html" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
327
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Guides</a></li>
328
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></li>
329
+ </ul>
330
+ </div>
331
+ <div>
332
+ <h3 class="text-lg font-semib极old mb-4">Company</h3>
333
+ <ul class="space-y-2">
334
+ <li><a href="about.html" class="text-gray-400 hover:text-white transition duration-300">About</a></li>
335
+ <li><a href="index.html#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
336
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy</a></li>
337
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-极300">Terms</a></li>
338
+ </ul>
339
+ </div>
340
+ <div>
341
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
342
+ <div class="flex space-x-4">
343
+ <a href="#" class="text-gray-极400 hover:text-white transition duration-300">
344
+ <i data-feather="facebook" class="w-5 h-5"></i>
345
+ </a>
346
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
347
+ <i data-feather="twitter" class="w-5 h-5"></i>
348
+ </a>
349
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
350
+ <i data-feather="linkedin" class="w-5 h-5"></i>
351
+ </a>
352
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
353
+ <i data-feather="instagram" class="w-5 h-5"></i>
354
+ </a>
355
+ </div>
356
+ <div class="mt-6">
357
+ <p class="text-gray-400">Subscribe to our newsletter</p>
358
+ <div class="mt-2 flex">
359
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-md text-gray-900 focus:outline-none">
360
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 transition duration-300">
361
+ <i data-feather="send" class="w-5 h-5"></i>
362
+ </button>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
368
+ <p>&copy; 2023 Larry Buckalew. All rights reserved.</p>
369
+ </div>
370
+ </div>
371
+ </footer>
372
+
373
+ <script>
374
+ // Initialize animations
375
+ AOS.init({
376
+ duration: 800,
377
+ easing: 'ease-in-out',
378
+ once: true
379
+ });
380
+
381
+ // Initialize feather icons
382
+ feather.replace();
383
+ </script>
384
+ </body>
385
+ </html>
index.html CHANGED
@@ -1,19 +1,601 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Larry Buckalew | Insurance Agent Growth Solutions</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-gradient {
16
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
17
+ }
18
+ .service-card:hover {
19
+ transform: translateY(-10px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ </style>
23
+ </head>
24
+ <body class="font-sans antialiased text-gray-800">
25
+ <!-- Navigation -->
26
+ <nav class="fixed w-full bg-white shadow-md z-50">
27
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
28
+ <div class="flex justify-between h-16">
29
+ <div class="flex items-center">
30
+ <a href="#" class="flex-shrink-0 flex items-center">
31
+ <span class="text-xl font-bold text-blue-800">Larry Buckalew</span>
32
+ </a>
33
+ </div>
34
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
35
+ <a href="#services" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
36
+ <a href="services.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">All Services</a>
37
+ <a href="#about" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
38
+ <a href="#testimonials" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Results</a>
39
+ <a href="#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300">Get Started</a>
40
+ </div>
41
+ <div class="-mr-2 flex items-center md:hidden">
42
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
43
+ <i data-feather="menu"></i>
44
+ </button>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </nav>
49
+
50
+ <!-- Hero Section -->
51
+ <div id="vanta-globe" class="hero-gradient min-h-screen flex items-center justify-center pt-16">
52
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center">
53
+ <h1 class="text-4xl md:text-6xl font-bold text-white mb-6" data-aos="fade-up">
54
+ Transform Your Insurance Business
55
+ </h1>
56
+ <p class="text-xl md:text-2xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
57
+ Cutting-edge automation, CRM solutions, and digital marketing strategies tailored for insurance agents.
58
+ </p>
59
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
60
+ <a href="#contact" class="bg-white text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-50 transition duration-300">
61
+ Book Consultation
62
+ </a>
63
+ <a href="#services" class="border-2 border-white text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-white hover:text-blue-600 transition duration-300">
64
+ Explore Services
65
+ </a>
66
+ </div>
67
+ </div>
68
+ </div>
69
+
70
+ <!-- Services Section -->
71
+ <section id="services" class="py-20 bg-gray-50">
72
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
73
+ <div class="text-center mb-16">
74
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">
75
+ Specialized Services for Insurance Agents
76
+ </h2>
77
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto" data-aos="fade-up" data-aos-delay="100">
78
+ Solutions designed to streamline your operations and amplify your growth
79
+ </p>
80
+ </div>
81
+
82
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
83
+ <!-- Service 1 -->
84
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="200">
85
+ <div class="p-6">
86
+ <div class="flex items-center mb-4">
87
+ <div class="bg-blue-100 p-3 rounded-full">
88
+ <i data-feather="cpu" class="text-blue-600 w-6 h-6"></i>
89
+ </div>
90
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">Process Automation</h3>
91
+ </div>
92
+ <p class="text-gray-600 mb-4">
93
+ Eliminate repetitive tasks with custom automation solutions for lead management, policy renewals, and client communications.
94
+ </p>
95
+ <ul class="space-y-2 text-gray-600">
96
+ <li class="flex items-start">
97
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
98
+ <span>Automated lead nurturing sequences</span>
99
+ </li>
100
+ <li class="flex items-start">
101
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
102
+ <span>Policy renewal reminders</span>
103
+ </li>
104
+ <li class="flex items-start">
105
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
106
+ <span>Client onboarding workflows</span>
107
+ </li>
108
+ </ul>
109
+ </div>
110
+ </div>
111
+
112
+ <!-- Service 2 -->
113
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="300">
114
+ <div class="p-6">
115
+ <div class="flex items-center mb-4">
116
+ <div class="bg-blue-100 p-3 rounded-full">
117
+ <i data-feather="database" class="text-blue-600 w-6 h-6"></i>
118
+ </div>
119
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">CRM Implementation</h3>
120
+ </div>
121
+ <p class="text-gray-600 mb-4">
122
+ Custom CRM solutions tailored for insurance professionals to manage clients, policies, and follow-ups efficiently.
123
+ </p>
124
+ <ul class="space-y-2 text-gray-600">
125
+ <li class="flex items-start">
126
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
127
+ <span>Industry-specific CRM setup</span>
128
+ </li>
129
+ <li class="flex items-start">
130
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
131
+ <span>Custom reporting dashboards</span>
132
+ </li>
133
+ <li class="flex items-start">
134
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
135
+ <span>Integration with existing tools</span>
136
+ </li>
137
+ </ul>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Service 3 -->
142
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="400">
143
+ <div class="p-6">
144
+ <div class="flex items-center mb-4">
145
+ <div class="bg-blue-100 p-3 rounded-full">
146
+ <i data-feather="globe" class="text-blue-600 w-6 h-6"></i>
147
+ </div>
148
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">Website & Landing Pages</h3>
149
+ </div>
150
+ <p class="text-gray-600 mb-4">
151
+ High-converting websites and landing pages designed specifically for insurance lead generation.
152
+ </p>
153
+ <ul class="space-y-2 text-gray-600">
154
+ <li class="flex items-start">
155
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
156
+ <span>Mobile-optimized designs</span>
157
+ </li>
158
+ <li class="flex items-start">
159
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
160
+ <span>Lead capture forms</span>
161
+ </li>
162
+ <li class="flex items-start">
163
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
164
+ <span>SEO optimized content</span>
165
+ </li>
166
+ </ul>
167
+ </div>
168
+ </div>
169
+
170
+ <!-- Service 4 -->
171
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="500">
172
+ <div class="p-6">
173
+ <div class="flex items-center mb-4">
174
+ <div class="bg-blue-100 p-3 rounded-full">
175
+ <i data-feather="share-2" class="text-blue-600 w-6 h-6"></i>
176
+ </div>
177
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">Social Media Marketing</h3>
178
+ </div>
179
+ <p class="text-gray-600 mb-4">
180
+ Strategic social media campaigns to build your brand and generate qualified leads.
181
+ </p>
182
+ <ul class="space-y-2 text-gray-600">
183
+ <li class="flex items-start">
184
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
185
+ <span>Content strategy development</span>
186
+ </li>
187
+ <li class="flex items-start">
188
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
189
+ <span>Platform-specific campaigns</span>
190
+ </li>
191
+ <li class="flex items-start">
192
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
193
+ <span>Performance analytics</span>
194
+ </li>
195
+ </ul>
196
+ </div>
197
+ </div>
198
+
199
+ <!-- Service 5 -->
200
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="600">
201
+ <div class="p-6">
202
+ <div class="flex items-center mb-4">
203
+ <div class="bg-blue-100 p-3 rounded-full">
204
+ <i data-feather="dollar-sign" class="text-blue-600 w-6 h-6"></i>
205
+ </div>
206
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">Paid Advertising</h3>
207
+ </div>
208
+ <p class="text-gray-600 mb-4">
209
+ Targeted ad campaigns on Google, Facebook, and LinkedIn to drive qualified insurance leads.
210
+ </p>
211
+ <ul class="space-y-2 text-gray-600">
212
+ <li class="flex items-start">
213
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
214
+ <span>Audience targeting strategies</span>
215
+ </li>
216
+ <li class="flex items-start">
217
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
218
+ <span>Conversion tracking setup</span>
219
+ </li>
220
+ <li class="flex items-start">
221
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
222
+ <span>ROI optimization</span>
223
+ </li>
224
+ </ul>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Service 6 -->
229
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden service-card transition duration-500" data-aos="fade-up" data-aos-delay="700">
230
+ <div class="p-6">
231
+ <div class="flex items-center mb-4">
232
+ <div class="bg-blue-100 p-3 rounded-full">
233
+ <i data-feather="bar-chart-2" class="text-blue-600 w-6 h-6"></i>
234
+ </div>
235
+ <h3 class="ml-3 text-xl font-semibold text-gray-900">Analytics & Reporting</h3>
236
+ </div>
237
+ <p class="text-gray-600 mb-4">
238
+ Data-driven insights to measure performance and optimize your marketing efforts.
239
+ </p>
240
+ <ul class="space-y-2 text-gray-600">
241
+ <li class="flex items-start">
242
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
243
+ <span>Campaign performance tracking</span>
244
+ </li>
245
+ <li class="flex items-start">
246
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
247
+ <span>Lead source attribution</span>
248
+ </li>
249
+ <li class="flex items-start">
250
+ <i data-feather="check" class="text-green-500 mr-2 mt-1 w-4 h-4"></i>
251
+ <span>Monthly performance reports</span>
252
+ </li>
253
+ </ul>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- About Section -->
261
+ <section id="about" class="py-20 bg-white">
262
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
263
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
264
+ <div class="lg:col-span-5 mb-10 lg:mb-0" data-aos="fade-right">
265
+ <div class="relative rounded-xl overflow-hidden">
266
+ <img src="http://static.photos/office/640x360/42" alt="Larry Buckalew" class="w-full h-auto rounded-xl shadow-lg">
267
+ <div class="absolute inset-0 bg-blue-600 opacity-20 rounded-xl"></div>
268
+ </div>
269
+ </div>
270
+ <div class="lg:col-span-7 lg:pl-12" data-aos="fade-left">
271
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6">
272
+ About Larry Buckalew
273
+ </h2>
274
+ <p class="text-lg text-gray-600 mb-6">
275
+ With over a decade of experience in digital marketing and technology solutions for the insurance industry, I specialize in helping agents leverage automation and digital tools to grow their businesses efficiently.
276
+ </p>
277
+ <p class="text-lg text-gray-600 mb-6">
278
+ My approach combines technical expertise with deep understanding of the insurance sales cycle, creating solutions that actually work in the real world of insurance sales.
279
+ </p>
280
+ <div class="grid grid-cols-2 gap-4">
281
+ <div class="flex items-center">
282
+ <i data-feather="award" class="text-blue-600 mr-3 w-6 h-6"></i>
283
+ <span class="font-medium">10+ Years Experience</span>
284
+ </div>
285
+ <div class="flex items-center">
286
+ <i data-feather="users" class="text-blue-600 mr-3 w-6 h-6"></i>
287
+ <span class="font-medium">100+ Agents Served</span>
288
+ </div>
289
+ <div class="flex items-center">
290
+ <i data-feather="trending-up" class="text-blue-600 mr-3 w-6 h-6"></i>
291
+ <span class="font-medium">300% Average ROI</span>
292
+ </div>
293
+ <div class="flex items-center">
294
+ <i data-feather="clock" class="text-blue-600 mr-3 w-6 h-6"></i>
295
+ <span class="font-medium">24/7 Support</span>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ </div>
301
+ </section>
302
+
303
+ <!-- Testimonials Section -->
304
+ <section id="testimonials" class="py-20 bg-gray-50">
305
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
306
+ <div class="text-center mb-16">
307
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl" data-aos="fade-up">
308
+ Proven Results for Insurance Agents
309
+ </h2>
310
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto" data-aos="fade-up" data-aos-delay="100">
311
+ Don't just take our word for it - hear from agents who've transformed their businesses
312
+ </p>
313
+ </div>
314
+
315
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
316
+ <!-- Testimonial 1 -->
317
+ <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200">
318
+ <div class="flex items-center mb-4">
319
+ <div class="text-yellow-400 flex">
320
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
321
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
322
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
323
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
324
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
325
+ </div>
326
+ </div>
327
+ <p class="text-gray-700 mb-6 italic">
328
+ "Larry's automation solutions saved me 15 hours a week on administrative tasks. I went from writing 30 policies a month to over 60 with the same effort. Game changer!"
329
+ </p>
330
+ <div class="flex items-center">
331
+ <div class="flex-shrink-0">
332
+ <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/1" alt="Sarah J.">
333
+ </div>
334
+ <div class="ml-3">
335
+ <p class="text-sm font-medium text-gray-900">Sarah J.</p>
336
+ <p class="text-sm text-gray-500">Independent Life Agent</p>
337
+ </div>
338
+ </div>
339
+ </div>
340
+
341
+ <!-- Testimonial 2 -->
342
+ <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="300">
343
+ <div class="flex items-center mb-4">
344
+ <div class="text-yellow-400 flex">
345
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
346
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
347
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
348
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
349
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
350
+ </div>
351
+ </div>
352
+ <p class="text-gray-700 mb-6 italic">
353
+ "The CRM setup was exactly what our agency needed. We now have complete visibility into our pipeline and can follow up with leads at exactly the right time."
354
+ </p>
355
+ <div class="flex items-center">
356
+ <div class="flex-shrink-0">
357
+ <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/2" alt="Michael T.">
358
+ </div>
359
+ <div class="ml-3">
360
+ <p class="text-sm font-medium text-gray-900">Michael T.</p>
361
+ <p class="text-sm text-gray-500">Agency Owner</p>
362
+ </div>
363
+ </div>
364
+ </div>
365
+
366
+ <!-- Testimonial 3 -->
367
+ <div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="400">
368
+ <div class="flex items-center mb-4">
369
+ <div class="text-yellow-400 flex">
370
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
371
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
372
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
373
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
374
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
375
+ </div>
376
+ </div>
377
+ <p class="text-gray-700 mb-6 italic">
378
+ "Our new landing pages convert at 28% compared to our old site's 4%. The Facebook ads Larry manages bring in 15-20 qualified leads per week consistently."
379
+ </p>
380
+ <div class="flex items-center">
381
+ <div class="flex-shrink-0">
382
+ <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/3" alt="David R.">
383
+ </div>
384
+ <div class="ml-3">
385
+ <p class="text-sm font-medium text-gray-900">David R.</p>
386
+ <p class="text-sm text-gray-500">Medicare Specialist</p>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+
392
+ <div class="mt-16 text-center" data-aos="fade-up">
393
+ <a href="services.html" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 transition duration-300">
394
+ <i data-feather="grid" class="mr-2 w-5 h-5"></i>
395
+ Explore All Services
396
+ </a>
397
+ </div>
398
+ </div>
399
+ </section>
400
+
401
+ <!-- CTA Section -->
402
+ <section class="py-20 bg-blue-600 text-white">
403
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
404
+ <h2 class="text-3xl font-extrabold mb-6" data-aos="fade-up">
405
+ Ready to Transform Your Insurance Business?
406
+ </h2>
407
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
408
+ Schedule a free 30-minute consultation to discuss your specific needs and how we can help you achieve your goals.
409
+ </p>
410
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
411
+ <a href="#contact" class="bg-white text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-50 transition duration-300">
412
+ Book Your Free Call
413
+ </a>
414
+ <a href="tel:+15551234567" class="border-2 border-white text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-white hover:text-blue-600 transition duration-300">
415
+ <i data-feather="phone" class="inline mr-2 w-5 h-5"></i>
416
+ Call Now
417
+ </a>
418
+ </div>
419
+ </div>
420
+ </section>
421
+
422
+ <!-- Contact Section -->
423
+ <section id="contact" class="py-20 bg-white">
424
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
425
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16">
426
+ <div class="mb-12 lg:mb-0" data-aos="fade-right">
427
+ <h2 class="text-3xl font-extrabold text-gray-900 mb-6">
428
+ Let's Connect
429
+ </h2>
430
+ <p class="text-lg text-gray-600 mb-8">
431
+ Have questions about how we can help grow your insurance business? Fill out the form and we'll get back to you within 24 hours.
432
+ </p>
433
+ <div class="space-y-6">
434
+ <div class="flex items-start">
435
+ <div class="flex-shrink-0">
436
+ <i data-feather="mail" class="text-blue-600 w-6 h-6"></i>
437
+ </div>
438
+ <div class="ml-3">
439
+ <p class="text-base text-gray-600">
440
+ <span class="font-medium">Email:</span> larry@larrybuckalew.com
441
+ </p>
442
+ </div>
443
+ </div>
444
+ <div class="flex items-start">
445
+ <div class="flex-shrink-0">
446
+ <i data-feather="phone" class="text-blue-600 w-6 h-6"></i>
447
+ </div>
448
+ <div class="ml-3">
449
+ <p class="text-base text-gray-600">
450
+ <span class="font-medium">Phone:</span> (555) 123-4567
451
+ </p>
452
+ </div>
453
+ </div>
454
+ <div class="flex items-start">
455
+ <div class="flex-shrink-0">
456
+ <i data-feather="clock" class="text-blue-600 w-6 h-6"></i>
457
+ </div>
458
+ <div class="ml-3">
459
+ <p class="text-base text-gray-600">
460
+ <span class="font-medium">Hours:</span> Mon-Fri, 9am-5pm EST
461
+ </p>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </div>
466
+
467
+ <div data-aos="fade-left">
468
+ <form class="space-y-6">
469
+ <div>
470
+ <label for="name" class="block text-sm font-medium text-gray-700">Your Name</label>
471
+ <input type="text" id="name" name="name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-3 px-4 focus:ring-blue-500 focus:border-blue-500">
472
+ </div>
473
+ <div>
474
+ <label for="email" class="block text-sm font-medium text-gray-700">Email Address</label>
475
+ <input type="email" id="email" name="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-3 px-4 focus:ring-blue-500 focus:border-blue-500">
476
+ </div>
477
+ <div>
478
+ <label for="phone" class="block text-sm font-medium text-gray-700">Phone Number</label>
479
+ <input type="tel" id="phone" name="phone" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-3 px-4 focus:ring-blue-500 focus:border-blue-500">
480
+ </div>
481
+ <div>
482
+ <label for="service" class="block text-sm font-medium text-gray-700">Service Interested In</label>
483
+ <select id="service" name="service" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-3 px-4 focus:ring-blue-500 focus:border-blue-500">
484
+ <option>Select a service</option>
485
+ <option>Process Automation</option>
486
+ <option>CRM Implementation</option>
487
+ <option>Website & Landing Pages</option>
488
+ <option>Social Media Marketing</option>
489
+ <option>Paid Advertising</option>
490
+ <option>Analytics & Reporting</option>
491
+ <option>Multiple Services</option>
492
+ </select>
493
+ </div>
494
+ <div>
495
+ <label for="message" class="block text-sm font-medium text-gray-700">How Can We Help?</label>
496
+ <textarea id="message" name="message" rows="4" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-3 px-4 focus:ring-blue-500 focus:border-blue-500"></textarea>
497
+ </div>
498
+ <div>
499
+ <button type="submit" class="w-full flex justify-center py-4 px-6 border border-transparent rounded-md shadow-sm text-lg font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
500
+ Send Message
501
+ </button>
502
+ </div>
503
+ </form>
504
+ </div>
505
+ </div>
506
+ </div>
507
+ </section>
508
+
509
+ <!-- Footer -->
510
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
511
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
512
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
513
+ <div>
514
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
515
+ <ul class="space-y-2">
516
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Automation</a></li>
517
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">CRM Solutions</a></li>
518
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Websites</a></li>
519
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Social Media</a></li>
520
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Paid Ads</a></li>
521
+ </ul>
522
+ </div>
523
+ <div>
524
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
525
+ <ul class="space-y-2">
526
+ <li><a href="blog.html" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
527
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
528
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Guides</a></li>
529
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></li>
530
+ </ul>
531
+ </div>
532
+ <div>
533
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
534
+ <ul class="space-y-2">
535
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">About</a></li>
536
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
537
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy</a></li>
538
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms</a></li>
539
+ </ul>
540
+ </div>
541
+ <div>
542
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
543
+ <div class="flex space-x-4">
544
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
545
+ <i data-feather="facebook" class="w-5 h-5"></i>
546
+ </a>
547
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
548
+ <i data-feather="twitter" class="w-5 h-5"></i>
549
+ </a>
550
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
551
+ <i data-feather="linkedin" class="w-5 h-5"></i>
552
+ </a>
553
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
554
+ <i data-feather="instagram" class="w-5 h-5"></i>
555
+ </a>
556
+ </div>
557
+ <div class="mt-6">
558
+ <p class="text-gray-400">Subscribe to our newsletter</p>
559
+ <div class="mt-2 flex">
560
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-md text-gray-900 focus:outline-none">
561
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 transition duration-300">
562
+ <i data-feather="send" class="w-5 h-5"></i>
563
+ </button>
564
+ </div>
565
+ </div>
566
+ </div>
567
+ </div>
568
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
569
+ <p>&copy; 2023 Larry Buckalew. All rights reserved.</p>
570
+ </div>
571
+ </div>
572
+ </footer>
573
+
574
+ <script>
575
+ // Initialize animations
576
+ AOS.init({
577
+ duration: 800,
578
+ easing: 'ease-in-out',
579
+ once: true
580
+ });
581
+
582
+ // Initialize Vanta.js globe
583
+ VANTA.GLOBE({
584
+ el: "#vanta-globe",
585
+ mouseControls: true,
586
+ touchControls: true,
587
+ gyroControls: false,
588
+ minHeight: 200.00,
589
+ minWidth: 200.00,
590
+ scale: 1.00,
591
+ scaleMobile: 1.00,
592
+ color: 0x3b82f6,
593
+ backgroundColor: 0x1e3a8a,
594
+ size: 1.00
595
+ });
596
+
597
+ // Initialize feather icons
598
+ feather.replace();
599
+ </script>
600
+ </body>
601
  </html>
prompts.txt ADDED
@@ -0,0 +1,7 @@
 
 
 
 
 
 
 
 
1
+ I am needing help with content for my websaite https://larrybuckalew.com I will be selling services too insurance agents in automation , crm’s website and landing paged creation…social media marketing and ads ….can you help?
2
+ Great now make a services page..showing all services with explanation to each on how I can help individual agents..do this make sense?
3
+ Great now make a services page..showing all services with explanation to each on how I can help individual agents..do this make sense?
4
+ Great now make a services page..showing all services with explanation to each on how I can help individual agents..do this make sense?
5
+ Now. Create an about me page..you can use https://buckalewfinancialsdervices.com to get an idea on who I am..licensed agent for 10 yrs both in life and health…and add a spot to include my image …
6
+ Now I need a blog page with the categories of my services..for the post…will have it own individual page for the post ..do you understand what I am looking for?
7
+ Can you build out the case studies page?
services.html ADDED
@@ -0,0 +1,337 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Services | Larry Buckalew | Insurance Agent Growth Solutions</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ .service-hero {
15
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
16
+ }
17
+ .service-card:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 5px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+ .benefit-item {
22
+ background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
23
+ }
24
+ </style>
25
+ </head>
26
+ <body class="font-sans antialiased text-gray-800">
27
+ <!-- Navigation -->
28
+ <nav class="fixed w-full bg-white shadow-md z-50">
29
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
30
+ <div class="flex justify-between h-16">
31
+ <div class="flex items-center">
32
+ <a href="index.html" class="flex-shrink-0 flex items-center">
33
+ <span class="text-xl font-bold text-blue-800">Larry Buckalew</span>
34
+ </a>
35
+ </div>
36
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
37
+ <a href="index.html" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a>
38
+ <a href="services.html" class="text-blue-600 px-3 py-2 text-sm font-medium">Services</a>
39
+ <a href="index.html#about" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a>
40
+ <a href="index.html#testimonials" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Results</a>
41
+ <a href="index.html#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300">Get Started</a>
42
+ </div>
43
+ <div class="-mr-2 flex items-center md:hidden">
44
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
45
+ <i data-feather="menu"></i>
46
+ </button>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </nav>
51
+
52
+ <!-- Hero Section -->
53
+ <div class="service-hero min-h-[50vh] flex items-center justify-center pt-16">
54
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
55
+ <h1 class="text-4xl md:text-5xl font-bold text-white mb-6" data-aos="fade-up">
56
+ Comprehensive Services for Insurance Agents
57
+ </h1>
58
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
59
+ Tailored solutions designed to automate your workflow, generate more leads, and grow your insurance business efficiently.
60
+ </p>
61
+ </div>
62
+ </div>
63
+
64
+ <!-- Services Grid -->
65
+ <section class="py-20 bg-gray-50">
66
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
67
+ <div class="grid md:grid-cols-2 gap-12">
68
+ <!-- Process Automation -->
69
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up">
70
+ <div class="flex items-center mb-6">
71
+ <div class="bg-blue-100 p-4 rounded-full">
72
+ <i data-feather="cpu" class="text-blue-600 w-8 h-8"></i>
73
+ </div>
74
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">Process Automation</h2>
75
+ </div>
76
+ <p class="text-gray-600 mb-6 text-lg">
77
+ I'll help you eliminate time-consuming manual tasks by implementing automated workflows that handle repetitive processes, freeing you up to focus on selling and serving clients.
78
+ </p>
79
+ <div class="space-y-4">
80
+ <div class="benefit-item p-4 rounded-lg">
81
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
82
+ <p class="text-gray-700">Set up automated lead follow-up sequences that nurture prospects without manual effort, ensuring no opportunity slips through the cracks.</p>
83
+ </div>
84
+ <div class="benefit-item p-4 rounded-lg">
85
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
86
+ <ul class="text-gray-700 space-y-2">
87
+ <li>• Save 10-15 hours per week on administrative tasks</li>
88
+ <li>• Never miss a follow-up with potential clients</li>
89
+ <li>• Automated policy renewal reminders increase retention</li>
90
+ <li>• Streamlined client onboarding process</li>
91
+ </ul>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ <!-- CRM Implementation -->
97
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="100">
98
+ <div class="flex items-center mb-6">
99
+ <div class="bg-blue-100 p-4 rounded-full">
100
+ <i data-feather="database" class="text-blue-600 w-8 h-8"></i>
101
+ </div>
102
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">CRM Implementation</h2>
103
+ </div>
104
+ <p class="text-gray-600 mb-6 text-lg">
105
+ Get a customized CRM system that's specifically designed for insurance professionals, helping you manage clients, track policies, and optimize your sales process.
106
+ </p>
107
+ <div class="space-y-4">
108
+ <div class="benefit-item p-4 rounded-lg">
109
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
110
+ <p class="text-gray-700">Customize your CRM to match your specific insurance products and sales process, with automated reminders for policy reviews and client check-ins.</p>
111
+ </div>
112
+ <div class="benefit-item p-4 rounded-lg">
113
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
114
+ <ul class="text-gray-700 space-y-2">
115
+ <li>• Complete visibility into your sales pipeline</li>
116
+ <li>• Automated task management for better organization</li>
117
+ <li>• Integration with your existing tools and systems</li>
118
+ <li>• Custom reporting to track performance metrics</li>
119
+ </ul>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Website & Landing Pages -->
125
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="200">
126
+ <div class="flex items-center mb-6">
127
+ <div class="bg-blue-100 p-4 rounded-full">
128
+ <i data-feather="globe" class="text-blue-600 w-8 h-8"></i>
129
+ </div>
130
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">Website & Landing Pages</h2>
131
+ </div>
132
+ <p class="text-gray-600 mb-6 text-lg">
133
+ High-converting websites and landing pages designed specifically to generate insurance leads and establish your professional online presence.
134
+ </p>
135
+ <div class="space-y-4">
136
+ <div class="benefit-item p-4 rounded-lg">
137
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
138
+ <p class="text-gray-700">Create professional, mobile-friendly websites with built-in lead capture forms that convert visitors into qualified insurance leads.</p>
139
+ </div>
140
+ <div class="benefit-item p-4 rounded-lg">
141
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
142
+ <ul class="text-gray-700 space-y-2">
143
+ <li>• 24/7 lead generation even when you're not working</li>
144
+ <li>• Professional online presence that builds trust</li>
145
+ <li>• Mobile-optimized design for today's consumers</li>
146
+ <li>• SEO optimized to rank for local insurance searches</li>
147
+ </ul>
148
+ </div>
149
+ </div>
150
+ </div>
151
+
152
+ <!-- Social Media Marketing -->
153
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="300">
154
+ <div class="flex items-center mb-6">
155
+ <div class="bg-blue-100 p-4 rounded-full">
156
+ <i data-feather="share-2" class="text-blue-600 w-8 h-8"></i>
157
+ </div>
158
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">Social Media Marketing</h2>
159
+ </div>
160
+ <p class="text-gray-600 mb-6 text-lg">
161
+ Strategic social media campaigns that build your brand awareness, engage your community, and generate qualified insurance leads through targeted content.
162
+ </p>
163
+ <div class="space-y-4">
164
+ <div class="benefit-item p-4 rounded-lg">
165
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
166
+ <p class="text-gray-700">Develop and execute a content strategy that positions you as a trusted insurance expert while driving engagement and leads from social platforms.</p>
167
+ </div>
168
+ <div class="benefit-item p-4 rounded-lg">
169
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
170
+ <ul class="text-gray-700 space-y-2">
171
+ <li>• Consistent brand building in your local market</li>
172
+ <li>• Regular flow of warm leads from social media</li>
173
+ <li>• Automated content scheduling saves time</li>
174
+ <li>• Professional content that establishes credibility</li>
175
+ </ul>
176
+ </div>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- Paid Advertising -->
181
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="400">
182
+ <div class="flex items-center mb-6">
183
+ <div class="bg-blue-100 p-4 rounded-full">
184
+ <i data-feather="dollar-sign" class="text-blue-600 w-8 h-8"></i>
185
+ </div>
186
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">Paid Advertising</h2>
187
+ </div>
188
+ <p class="text-gray-600 mb-6 text-lg">
189
+ Targeted advertising campaigns on Google, Facebook, and LinkedIn that drive qualified insurance leads with measurable ROI and optimized performance.
190
+ </p>
191
+ <div class="space-y-4">
192
+ <div class="benefit-item p-4 rounded-lg">
193
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
194
+ <p class="text-gray-700">Manage your ad campaigns with precise targeting to reach people actively looking for insurance or who fit your ideal client profile.</p>
195
+ </div>
196
+ <div class="benefit-item p-4 rounded-lg">
197
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
198
+ <ul class="text-gray-700 space-y-2">
199
+ <li>• Predictable lead flow with controlled ad spend</li>
200
+ <li>• Targeted reach to your specific ideal clients</li>
201
+ <li>• Transparent reporting on campaign performance</li>
202
+ <li>• Continuous optimization for maximum ROI</li>
203
+ </ul>
204
+ </div>
205
+ </div>
206
+ </div>
207
+
208
+ <!-- Analytics & Reporting -->
209
+ <div class="bg-white p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="500">
210
+ <div class="flex items-center mb-6">
211
+ <div class="bg-blue-100 p-4 rounded-full">
212
+ <i data-feather="bar-chart-2" class="text-blue-600 w-8 h-8"></i>
213
+ </div>
214
+ <h2 class="ml-4 text-2xl font-bold text-gray-900">Analytics & Reporting</h2>
215
+ </div>
216
+ <p class="text-gray-600 mb-6 text-lg">
217
+ Data-driven insights and performance tracking that help you understand what's working, optimize your strategies, and make informed business decisions.
218
+ </p>
219
+ <div class="space-y-4">
220
+ <div class="benefit-item p-4 rounded-lg">
221
+ <h3 class="font-semibold text-blue-800 mb-2">How I Help Individual Agents:</h3>
222
+ <p class="text-gray-700">Provide clear, actionable reports that show exactly where your leads are coming from and which marketing efforts are delivering the best results.</p>
223
+ </div>
224
+ <div class="benefit-item p-4 rounded-lg">
225
+ <h3 class="font-semibold text-blue-800 mb-2">Your Benefits:</h3>
226
+ <ul class="text-gray-700 space-y-2">
227
+ <li>• Clear understanding of marketing ROI</li>
228
+ <li>• Data-driven decisions to optimize spending</li>
229
+ <li>• Monthly performance reports and insights</li>
230
+ <li>• Tracking of lead sources and conversion rates</li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </section>
238
+
239
+ <!-- CTA Section -->
240
+ <section class="py-20 bg-blue-600 text-white">
241
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
242
+ <h2 class="text-3xl font-extrabold mb-6" data-aos="fade-up">
243
+ Ready to Implement These Solutions?
244
+ </h2>
245
+ <p class="text-xl text-blue-100 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
246
+ Let's discuss how these services can be tailored to your specific insurance business needs and goals.
247
+ </p>
248
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
249
+ <a href="index.html#contact" class="bg-white text-blue-600 px-8 py-4 rounded-lg text-lg font-semibold hover:bg-blue-50 transition duration-300">
250
+ Schedule Consultation
251
+ </a>
252
+ <a href="tel:+15551234567" class="border-2 border-white text-white px-8 py-4 rounded-lg text-lg font-semibold hover:bg-white hover:text-blue-600 transition duration-300">
253
+ <i data-feather="phone" class="inline mr-2 w-5 h-5"></i>
254
+ Call Now
255
+ </a>
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- Footer -->
261
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
262
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
263
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
264
+ <div>
265
+ <h3 class="text-lg font-semibold mb-4">Services</h3>
266
+ <ul class="space-y-2">
267
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Automation</a></li>
268
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">CRM Solutions</a></li>
269
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Websites</a></li>
270
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Social Media</a></li>
271
+ <li><a href="services.html" class="text-gray-400 hover:text-white transition duration-300">Paid Ads</a></li>
272
+ </ul>
273
+ </div>
274
+ <div>
275
+ <h3 class="text-lg font-semibold mb-4">Resources</h3>
276
+ <ul class="space-y-2">
277
+ <li><a href="blog.html极" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
278
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
279
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Guides</a></li>
280
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></li>
281
+ </ul>
282
+ </div>
283
+ <div>
284
+ <h3 class="text-lg font-semibold mb-4">Company</h3>
285
+ <ul class="space-y-2">
286
+ <li><a href="index.html#about" class="text-gray-400 hover:text-white transition duration-300">About</a></li>
287
+ <li><a href="index.html#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
288
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy</a></li>
289
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms</a></li>
290
+ </ul>
291
+ </div>
292
+ <div>
293
+ <h3 class="text-lg font-semibold mb-4">Connect</h3>
294
+ <div class="flex space-x-4">
295
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
296
+ <i data-feather="facebook" class="w-5 h-5"></i>
297
+ </a>
298
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
299
+ <i data-feather="twitter" class="w-5 h-5"></i>
300
+ </a>
301
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
302
+ <i data-feather="linkedin" class="w-5 h-5"></i>
303
+ </a>
304
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
305
+ <i data-feather="instagram" class="w-5 h-5"></i>
306
+ </a>
307
+ </div>
308
+ <div class="mt-6">
309
+ <p class="text-gray-400">Subscribe to our newsletter</p>
310
+ <div class="mt-2 flex">
311
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-md text-gray-900 focus:outline-none">
312
+ <button class="bg-blue-600 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 transition duration-300">
313
+ <i data-feather="send" class="w-5 h-5"></i>
314
+ </button>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ </div>
319
+ <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400">
320
+ <p>&copy; 2023 Larry Buckalew. All rights reserved.</p>
321
+ </div>
322
+ </div>
323
+ </footer>
324
+
325
+ <script>
326
+ // Initialize animations
327
+ AOS.init({
328
+ duration: 800,
329
+ easing: 'ease-in-out',
330
+ once: true
331
+ });
332
+
333
+ // Initialize feather icons
334
+ feather.replace();
335
+ </script>
336
+ </body>
337
+ </html>