Skip to content

Commit 0417521

Browse files
DarkModder33DarkModder33
authored
Update index.html with content and style changes
1 parent cfedd4c commit 0417521

1 file changed

Lines changed: 85 additions & 60 deletions

File tree

‎index.html‎

Lines changed: 85 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -3,35 +3,50 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta name="description" content="Heather Barile - Jersey Girl's Public Adjusting LLC. Independent licensed NJ Public Adjuster in Vineland. Personal advocacy for insurance claims. Free inspections. South Jersey families get every dollar they deserve.">
6+
<meta name="description" content="Jersey Girl's Public Adjusting LLC - Heather Barile, Licensed NJ Public Adjuster in Vineland. Free claim inspections. We fight for policyholders to get every dollar you deserve.">
77
<title>Jersey Girl's Public Adjusting LLC | Heather Barile • Vineland, NJ</title>
8+
9+
<!-- Tailwind CSS CDN -->
810
<script src="https://cdn.tailwindcss.com"></script>
11+
12+
<!-- Font Awesome -->
913
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
14+
15+
<!-- Google Fonts -->
1016
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
17+
1118
<style>
1219
body { font-family: 'Inter', system-ui, sans-serif; }
1320
.heading { font-family: 'Playfair Display', serif; }
14-
.hero-bg { background: linear-gradient(rgba(6,95,70,0.85), rgba(6,95,70,0.85)), url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&q=80') center/cover no-repeat; }
15-
.card-hover { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
16-
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); }
21+
.hero-bg {
22+
background: linear-gradient(rgba(6, 95, 70, 0.82), rgba(6, 95, 70, 0.88)),
23+
url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&q=80') center/cover no-repeat fixed;
24+
}
25+
.card-hover {
26+
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
27+
}
28+
.card-hover:hover {
29+
transform: translateY(-8px);
30+
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
31+
}
1732
</style>
1833
</head>
1934
<body class="bg-stone-50 text-slate-800">
2035

2136
<!-- NAVBAR -->
22-
<nav class="bg-white shadow-sm sticky top-0 z-50">
37+
<nav class="bg-white shadow-sm sticky top-0 z-50 border-b border-stone-200">
2338
<div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
2439
<div class="flex items-center gap-3">
2540
<span class="text-emerald-800 text-3xl font-bold tracking-tighter heading">Jersey Girl's</span>
26-
<span class="text-xs font-medium text-emerald-700 tracking-widest">PUBLIC ADJUSTING LLC</span>
41+
<span class="text-xs font-medium text-emerald-700 tracking-widest uppercase">Public Adjusting LLC</span>
2742
</div>
28-
<div class="hidden md:flex gap-8 text-sm font-medium">
29-
<a href="#services" class="hover:text-emerald-700">Services</a>
30-
<a href="#process" class="hover:text-emerald-700">Our Process</a>
31-
<a href="#heather" class="hover:text-emerald-700">Meet Heather</a>
32-
<a href="#contact" class="hover:text-emerald-700">Contact</a>
43+
<div class="hidden md:flex items-center gap-8 text-sm font-medium">
44+
<a href="#services" class="hover:text-emerald-700 transition">Services</a>
45+
<a href="#process" class="hover:text-emerald-700 transition">Process</a>
46+
<a href="#heather" class="hover:text-emerald-700 transition">About Heather</a>
47+
<a href="#book" class="hover:text-emerald-700 transition">Book Now</a>
3348
</div>
34-
<a href="tel:8565286726" class="bg-emerald-800 text-white px-7 py-3 rounded-3xl font-semibold flex items-center gap-2 hover:bg-emerald-900 transition">
49+
<a href="tel:8565286726" class="bg-emerald-800 text-white px-6 py-3 rounded-3xl font-semibold flex items-center gap-2 hover:bg-emerald-900 transition shadow-sm">
3550
<i class="fas fa-phone"></i> (856) 528-6726
3651
</a>
3752
</div>
@@ -40,97 +55,107 @@
4055
<!-- HERO -->
4156
<section class="hero-bg h-screen flex items-center text-white">
4257
<div class="max-w-5xl mx-auto px-6 text-center">
43-
<p class="text-amber-200 uppercase tracking-widest text-sm font-medium mb-4">Independent • Woman-Owned • Vineland, NJ</p>
44-
<h1 class="heading text-6xl md:text-7xl leading-none font-bold">Your Personal Advocate.<br>Your Dedicated Fighter.</h1>
45-
<p class="mt-8 text-xl max-w-2xl mx-auto">Heather Barile personally handles every claim with the care and determination South Jersey families deserve.</p>
58+
<p class="uppercase text-amber-200 tracking-widest text-sm font-medium mb-4">South Jersey • Woman-Owned • Independent</p>
59+
<h1 class="heading text-6xl md:text-7xl font-bold leading-tight">Your Local Advocate.<br>Your Family’s Fighter.</h1>
60+
<p class="mt-8 text-xl max-w-3xl mx-auto">Heather Barile personally handles every claim with the dedication and care South Jersey families deserve.</p>
4661
<div class="mt-12 flex flex-wrap justify-center gap-6">
47-
<a href="#contact" class="bg-white text-emerald-900 px-10 py-5 rounded-3xl text-lg font-semibold hover:bg-amber-50 transition shadow-xl">Free Claim Review</a>
48-
<a href="tel:8565286726" class="border-2 border-white px-10 py-5 rounded-3xl text-lg font-semibold hover:bg-white/10 transition">Call Heather Directly</a>
62+
<a href="#book" class="bg-white text-emerald-900 px-10 py-5 rounded-3xl text-lg font-semibold hover:bg-amber-50 transition shadow-xl">Free Consultation</a>
63+
<a href="tel:8565286726" class="border-2 border-white px-10 py-5 rounded-3xl text-lg font-semibold hover:bg-white/10 transition">Call Now</a>
4964
</div>
5065
</div>
5166
</section>
5267

5368
<!-- TRUST BAR -->
54-
<div class="bg-white py-7 border-b">
69+
<div class="bg-white py-8 border-b">
5570
<div class="max-w-6xl mx-auto px-6 grid grid-cols-2 md:grid-cols-5 gap-6 text-center text-sm font-medium text-slate-600">
56-
<div>✅ Licensed & Bonded NJ Public Adjuster</div>
57-
<div>👩‍💼 Woman-Owned & Independently Operated</div>
58-
<div>🔍 Free Home Inspections</div>
59-
<div>💰 No Upfront Fees – We Win Together</div>
60-
<div>🏠 South Jersey Local Since Day One</div>
71+
<div>✅ Licensed & Bonded NJ</div>
72+
<div>👩‍💼 Woman-Owned</div>
73+
<div>🔍 Free Inspections</div>
74+
<div>💰 $0 Upfront</div>
75+
<div>🏠 Vineland Local</div>
6176
</div>
6277
</div>
6378

6479
<!-- SERVICES -->
65-
<section id="services" class="py-24 bg-white">
80+
<section id="services" class="py-20 bg-white">
6681
<div class="max-w-6xl mx-auto px-6">
67-
<div class="text-center mb-16">
68-
<h2 class="heading text-5xl">Claim Types We Handle With Care</h2>
69-
<p class="mt-4 text-slate-600">Heather fights for full and fair settlements on every covered loss.</p>
70-
</div>
82+
<h2 class="heading text-5xl text-center mb-12 text-emerald-800">Claim Types We Handle</h2>
7183
<div class="grid md:grid-cols-3 gap-8">
72-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Water & Flood</strong><p class="mt-4 text-slate-600">Burst pipes, leaks, storms, sewer backup</p></div>
73-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Fire & Smoke</strong><p class="mt-4 text-slate-600">Structure, contents, soot, full documentation</p></div>
74-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Wind, Storm & Hail</strong><p class="mt-4 text-slate-600">Roof, siding, structural damage</p></div>
75-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Mold & Hidden Damage</strong><p class="mt-4 text-slate-600">Covered losses only</p></div>
76-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Business Interruption</strong><p class="mt-4 text-slate-600">Income loss & extra expense</p></div>
77-
<div class="bg-stone-50 p-10 rounded-3xl card-hover"><strong>Other Perils</strong><p class="mt-4 text-slate-600">Vandalism, theft, collapse & more</p></div>
84+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Water & Flood</strong><p class="mt-3 text-slate-600">Burst pipes, leaks, storms</p></div>
85+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Fire & Smoke</strong><p class="mt-3 text-slate-600">Structure, contents, soot</p></div>
86+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Wind & Hail</strong><p class="mt-3 text-slate-600">Roof, siding, structural</p></div>
87+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Mold (Covered)</strong><p class="mt-3 text-slate-600">From covered water events</p></div>
88+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Business Interruption</strong><p class="mt-3 text-slate-600">Income loss claims</p></div>
89+
<div class="bg-stone-50 p-8 rounded-3xl card-hover"><strong>Other Perils</strong><p class="mt-3 text-slate-600">Vandalism, theft, collapse</p></div>
7890
</div>
7991
</div>
8092
</section>
8193

8294
<!-- PROCESS -->
83-
<section id="process" class="py-24 bg-stone-100">
95+
<section id="process" class="py-20 bg-stone-100">
8496
<div class="max-w-5xl mx-auto px-6">
85-
<h2 class="heading text-5xl text-center mb-12">Our Simple 5-Step Process</h2>
97+
<h2 class="heading text-5xl text-center mb-12 text-emerald-800">5-Step Claim Process</h2>
8698
<div class="grid md:grid-cols-5 gap-8 text-center">
8799
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">1</div><p class="mt-4 font-medium">Free Inspection</p></div>
88100
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">2</div><p class="mt-4 font-medium">Documentation</p></div>
89101
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">3</div><p class="mt-4 font-medium">Estimate</p></div>
90102
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">4</div><p class="mt-4 font-medium">Negotiation</p></div>
91-
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">5</div><p class="mt-4 font-medium">Settlement</p></div>
103+
<div><div class="w-12 h-12 bg-emerald-800 text-white rounded-full flex items-center justify-center mx-auto text-xl font-bold">5</div><p class="mt-4 font-medium">Maximum Settlement</p></div>
92104
</div>
93105
</div>
94106
</section>
95107

96-
<!-- ABOUT -->
97-
<section id="heather" class="py-24 bg-white">
108+
<!-- ABOUT HEATHER -->
109+
<section id="heather" class="py-20 bg-white">
98110
<div class="max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
99111
<div>
100-
<h2 class="heading text-5xl">Meet Heather Barile</h2>
101-
<p class="mt-8 text-lg text-slate-600">Licensed NJ Public Adjuster and owner. Rutgers-educated, South Jersey proud. Personal handling of every claim — no hand-offs.</p>
112+
<h2 class="heading text-5xl text-emerald-800 mb-8">Meet Heather Barile</h2>
113+
<p class="text-lg text-slate-600 leading-relaxed">Licensed and bonded New Jersey Public Adjuster. Rutgers-educated, South Jersey proud. I personally handle every claim from first inspection to final settlement — no call centers, no hand-offs. I fight hard for policyholders because families deserve someone truly in their corner.</p>
102114
</div>
103-
<div class="bg-stone-100 rounded-3xl aspect-video flex items-center justify-center text-8xl">👩‍💼</div>
115+
<div class="bg-stone-100 rounded-3xl aspect-square flex items-center justify-center text-9xl">👩‍💼</div>
104116
</div>
105117
</section>
106118

107-
<!-- CONTACT (Formspree placeholder) -->
108-
<section id="contact" class="py-24 bg-white">
119+
<!-- BOOK CONSULTATION (Calendly Inline) -->
120+
<section id="book" class="py-20 bg-white border-t border-stone-200">
121+
<div class="max-w-5xl mx-auto px-6 text-center">
122+
<h2 class="heading text-5xl text-emerald-800 mb-6">Book Your Free Consultation</h2>
123+
<p class="text-xl text-slate-600 mb-10 max-w-3xl mx-auto">Choose a time that works for you — Heather will personally review your claim details. No obligation, no upfront fees.</p>
124+
125+
<!-- Calendly inline embed -->
126+
<div class="calendly-inline-widget mx-auto" data-url="https://calendly.com/jerseygirlspublicadjuster/new-meeting?hide_event_type_details=1" style="min-width:320px;height:700px;"></div>
127+
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
128+
</div>
129+
</section>
130+
131+
<!-- CONTACT FORM -->
132+
<section id="contact" class="py-20 bg-stone-100">
109133
<div class="max-w-4xl mx-auto px-6">
110-
<h2 class="heading text-5xl text-center mb-12">Start Your Free Claim Review</h2>
111-
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST" class="grid md:grid-cols-2 gap-6">
112-
<input type="text" name="name" placeholder="Name" required class="border rounded-2xl px-6 py-4">
113-
<input type="tel" name="phone" placeholder="Phone" required class="border rounded-2xl px-6 py-4">
114-
<input type="email" name="email" placeholder="Email" required class="border rounded-2xl px-6 py-4">
115-
<textarea name="message" rows="5" placeholder="Claim details..." class="md:col-span-2 border rounded-3xl px-6 py-4"></textarea>
116-
<button type="submit" class="md:col-span-2 bg-emerald-800 text-white py-6 rounded-3xl font-semibold">Submit →</button>
134+
<h2 class="heading text-5xl text-center text-emerald-800 mb-12">Or Submit for Free Review</h2>
135+
<form action="https://formspree.io/f/YOUR_FORMSPREE_ID" method="POST" class="grid md:grid-cols-2 gap-6 bg-white p-10 rounded-3xl shadow-lg">
136+
<input type="text" name="name" placeholder="Your Name" required class="border border-stone-300 rounded-2xl px-6 py-4 focus:outline-none focus:border-emerald-700">
137+
<input type="tel" name="phone" placeholder="Phone Number" required class="border border-stone-300 rounded-2xl px-6 py-4 focus:outline-none focus:border-emerald-700">
138+
<input type="email" name="email" placeholder="Email Address" required class="border border-stone-300 rounded-2xl px-6 py-4 focus:outline-none focus:border-emerald-700 md:col-span-2">
139+
<textarea name="message" rows="5" placeholder="Tell us about your claim (type, date, location)..." class="md:col-span-2 border border-stone-300 rounded-3xl px-6 py-4 focus:outline-none focus:border-emerald-700"></textarea>
140+
<button type="submit" class="md:col-span-2 bg-emerald-800 text-white py-6 rounded-3xl text-xl font-semibold hover:bg-emerald-900 transition">Send Free Review Request</button>
117141
</form>
118142
</div>
119143
</section>
120144

121145
<!-- FOOTER -->
122146
<footer class="bg-slate-900 text-white py-12 text-center">
123-
<p>Jersey Girl's Public Adjusting LLC • Vineland, NJ • (856) 528-6726</p>
124-
<p class="text-sm mt-4">© 2026 Heather Barile • Licensed NJ Public Adjuster</p>
147+
<div class="max-w-7xl mx-auto px-6">
148+
<p class="text-2xl heading mb-4">Jersey Girl's Public Adjusting LLC</p>
149+
<p>901 E Elmer Road • Vineland, NJ 08360</p>
150+
<p class="mt-2">(856) 528-6726 • Heather Barile, Owner</p>
151+
<p class="text-sm mt-8 text-slate-400">© 2026 • Independent NJ Licensed Public Adjuster</p>
152+
</div>
125153
</footer>
126154

127-
<!-- ... footer content ... -->
128-
129-
<!-- Chatbase Widget -->
130-
<script>
131-
(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="https://www.chatbase.co/embed.min.js";script.id="NAZ9TRG3hwywidlXD2UMf";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();
132-
</script>
155+
<!-- Chatbase Widget Script -->
156+
<script>
157+
(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="https://www.chatbase.co/embed.min.js";script.id="NAZ9TRG3hwywidlXD2UMf";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();
158+
</script>
133159

134160
</body>
135-
</html></body>
136161
</html>

0 commit comments

Comments
 (0)