Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
173
src/app/page.tsx
173
src/app/page.tsx
@@ -32,14 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sam & A Restoration"
|
||||
/>
|
||||
@@ -47,61 +45,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Restoring Your Peace of Mind."
|
||||
description="Professional, reliable restoration services for home and property recovery. We bring your space back to life with expert precision and speed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Emergency Help", href: "#contact"},
|
||||
{
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
buttons={[{ text: "Get Emergency Help", href: "#contact" }, { text: "View Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg"
|
||||
imageAlt="Restoration team working"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-repair-site_169016-8524.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-boy-holding-book-hand-walking-front-university-building_23-2148093393.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4429.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-employee-discussing-merchandise-checklist_482257-84293.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Water Damage Specialists"},
|
||||
{
|
||||
type: "text", text: "Fire Damage Restoration"},
|
||||
{
|
||||
type: "text", text: "Mold Remediation Experts"},
|
||||
{
|
||||
type: "text", text: "24/7 Emergency Response"},
|
||||
{
|
||||
type: "text", text: "Certified Restoration Pros"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Expertise"
|
||||
title="Our Restoration Milestones"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time", value: "1hr"},
|
||||
{ icon: Award, label: "Years of Excellence", value: "15+" },
|
||||
{ icon: ShieldCheck, label: "Property Restorations", value: "500+" },
|
||||
{ icon: Clock, label: "Emergency Response", value: "1hr" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -113,15 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Water Damage Recovery", description: "Rapid response water extraction and drying services.", bentoComponent: "reveal-icon", icon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Fire & Smoke Remediation", description: "Thorough cleanup, deodorization, and reconstruction.", bentoComponent: "reveal-icon", icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Mold & Air Quality", description: "Professional assessment and safe remediation.", bentoComponent: "reveal-icon", icon: Star,
|
||||
},
|
||||
{ title: "Water Damage Recovery", description: "Rapid response water extraction and drying services.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Fire & Smoke Remediation", description: "Thorough cleanup, deodorization, and reconstruction.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Mold & Air Quality", description: "Professional assessment and safe remediation.", bentoComponent: "reveal-icon", icon: Star },
|
||||
]}
|
||||
title="Our Restoration Expertise"
|
||||
description="A full suite of specialized services designed to handle any disaster or renovation challenge effectively."
|
||||
@@ -134,17 +89,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "$499", subtitle: "Basic cleanup and damage assessment", features: [
|
||||
"On-site inspection", "Detailed damage report", "Initial cleanup plan"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Most Popular", price: "$1,299", subtitle: "Comprehensive restoration & remediation", features: [
|
||||
"Advanced extraction", "Professional deodorization", "Continuous monitoring"],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$499", subtitle: "Basic cleanup and damage assessment", features: ["On-site inspection", "Detailed damage report", "Initial cleanup plan"] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$1,299", subtitle: "Comprehensive restoration & remediation", features: ["Advanced extraction", "Professional deodorization", "Continuous monitoring"] },
|
||||
]}
|
||||
title="Transparent Restoration Planning"
|
||||
description="Clear, upfront pricing options for scheduled maintenance and restoration projects."
|
||||
title="Transparent Restoration Pricing"
|
||||
description="Clear, upfront options for scheduled maintenance and property restoration projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,43 +103,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Business Owner", company: "Downtown Coffee", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg"},
|
||||
{
|
||||
id: "3", name: "Lisa R.", role: "Homeowner", company: "Suburban Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg"},
|
||||
{
|
||||
id: "4", name: "Tom K.", role: "Property Manager", company: "Real Estate Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-morning-sun-before-start-work_329181-11779.jpg"},
|
||||
{
|
||||
id: "5", name: "Anna P.", role: "Homeowner", company: "River Valley", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg"},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Business Owner", company: "Downtown Coffee", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ id: "3", name: "Lisa R.", role: "Homeowner", company: "Suburban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "100%", label: "Project Success"},
|
||||
{
|
||||
value: "24/7", label: "Availability"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our clients say about our reliability and commitment during stressful times."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Allstate Insurance", "State Farm", "Farmers Insurance", "USAA", "Progressive", "Travelers", "Liberty Mutual"]}
|
||||
title="We Partner With Industry Leaders"
|
||||
description="Our work is verified and supported by leading insurance and property networks."
|
||||
kpiItems={[{ value: "4.9/5", label: "Satisfaction" }, { value: "100%", label: "On-Time" }, { value: "24/7", label: "Support" }]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our homeowners and partners say about our reliable property recovery work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,14 +117,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How quickly can you respond?", content: "Our emergency team aims to be on-site within 1 hour for urgent property concerns."},
|
||||
{
|
||||
id: "f2", title: "Do you work with insurance?", content: "Yes, we handle all documentation directly with your insurance provider for a seamless process."},
|
||||
{
|
||||
id: "f3", title: "Is my property safe?", content: "We prioritize structural integrity and air quality safety protocols before starting restoration."},
|
||||
{ id: "f1", title: "How quickly can you respond?", content: "Our emergency response team is available 24/7 and aims to reach your property within 1 hour for urgent needs." },
|
||||
{ id: "f2", title: "Do you work with insurance?", content: "Yes, we act as advocates for you, documenting damage and working directly with your insurance provider." },
|
||||
{ id: "f3", title: "Is the area safe to enter?", content: "Our professionals conduct a thorough structural safety check before any restoration work begins." },
|
||||
]}
|
||||
sideTitle="Still Have Concerns?"
|
||||
sideTitle="Common Restoration FAQs"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -213,37 +129,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Let's Talk"
|
||||
title="Need Urgent Assistance?"
|
||||
description="Send us your details and we'll be in touch immediately to discuss your restoration needs."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Contact Us"
|
||||
title="Get A Quote Today"
|
||||
description="Ready to restore your space? Contact us for a professional assessment or emergency support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Sam & A Restoration LLC"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user