Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 32f1e9de71 | |||
| 0fbdec6329 |
196
src/app/page.tsx
196
src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -32,23 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "trust",
|
||||
},
|
||||
name: "Trust", id: "trust"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LA Restorations"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550102",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550102"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,70 +50,38 @@ export default function LandingPage() {
|
||||
description="24/7 Rapid Emergency Response. Trusted by thousands of homeowners and businesses across LA for professional, certified water extraction and mold remediation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@LAHomeowner",
|
||||
testimonial: "They arrived within 30 minutes. Saved my entire kitchen floor after the pipe burst.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4001.jpg",
|
||||
},
|
||||
name: "Mark R.", handle: "@LAHomeowner", testimonial: "They arrived within 30 minutes. Saved my entire kitchen floor after the pipe burst.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4001.jpg"},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@LocalBusiness",
|
||||
testimonial: "The best restoration company I've ever worked with. Truly professional and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
name: "Elena S.", handle: "@LocalBusiness", testimonial: "The best restoration company I've ever worked with. Truly professional and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@PropertyInvestor",
|
||||
testimonial: "Reliable, certified, and communicative. Fixed the mold issue efficiently.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@PropertyInvestor", testimonial: "Reliable, certified, and communicative. Fixed the mold issue efficiently.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@FamilyHome",
|
||||
testimonial: "So thankful for the quick response. They handled insurance directly too.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894069.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@FamilyHome", testimonial: "So thankful for the quick response. They handled insurance directly too.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894069.jpg"},
|
||||
{
|
||||
name: "James B.",
|
||||
handle: "@LAEstateOwner",
|
||||
testimonial: "Top tier service. Everything returned to normal in record time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-forging-new-alliances_482257-78587.jpg",
|
||||
},
|
||||
name: "James B.", handle: "@LAEstateOwner", testimonial: "Top tier service. Everything returned to normal in record time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-forging-new-alliances_482257-78587.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Emergency Help",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Emergency Help", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-abandoned-messy-warehouse_181624-23141.jpg"
|
||||
imageAlt="water damage restoration professional home"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
|
||||
alt: "Side view man working as plumber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg", alt: "Side view man working as plumber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3989.jpg",
|
||||
alt: "crazy dealer happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3989.jpg", alt: "crazy dealer happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
|
||||
alt: "Female plumber working to fix problems at client's house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg", alt: "Female plumber working to fix problems at client's house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg", alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on phone smiling."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
|
||||
alt: "Couple handling a carpet together in their new home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", alt: "Couple handling a carpet together in their new home"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,14 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Restoring Peace of Mind ",
|
||||
},
|
||||
type: "text", content: "Restoring Peace of Mind "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg",
|
||||
alt: "restoration worker modern kitchen",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg", alt: "restoration worker modern kitchen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,32 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "24/7 Water Extraction",
|
||||
tags: [
|
||||
"Emergency",
|
||||
"Rapid",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg",
|
||||
},
|
||||
id: "f1", title: "24/7 Water Extraction", tags: [
|
||||
"Emergency", "Rapid"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Mold Remediation",
|
||||
tags: [
|
||||
"Health",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept_343059-3496.jpg",
|
||||
},
|
||||
id: "f2", title: "Mold Remediation", tags: [
|
||||
"Health", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept_343059-3496.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Structural Drying",
|
||||
tags: [
|
||||
"Precision",
|
||||
"Restoration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358948.jpg",
|
||||
},
|
||||
id: "f3", title: "Structural Drying", tags: [
|
||||
"Precision", "Restoration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358948.jpg"},
|
||||
]}
|
||||
title="Comprehensive Restoration Services"
|
||||
description="Professional care for every water emergency scenario."
|
||||
@@ -189,22 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Response Time (Min)",
|
||||
value: "30",
|
||||
icon: Clock,
|
||||
id: "m1", title: "Response Time (Min)", value: "30", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Projects Completed",
|
||||
value: "5000+",
|
||||
icon: CheckCircle,
|
||||
id: "m2", title: "Projects Completed", value: "5000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
icon: Star,
|
||||
id: "m3", title: "Customer Satisfaction", value: "99%", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Why Choose LA Restorations"
|
||||
@@ -220,25 +151,15 @@ export default function LandingPage() {
|
||||
author="Mark R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "executive portrait office background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "executive portrait office background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
|
||||
alt: "home owner smile living room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg", alt: "home owner smile living room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
alt: "senior professional man portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg", alt: "senior professional man portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",
|
||||
alt: "couple portrait modern apartment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg", alt: "couple portrait modern apartment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "real estate professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "real estate professional portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -251,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast can you arrive?",
|
||||
content: "We offer 24/7 rapid response, typically within 30-60 minutes.",
|
||||
},
|
||||
id: "q1", title: "How fast can you arrive?", content: "We offer 24/7 rapid response, typically within 30-60 minutes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work with insurance?",
|
||||
content: "Yes, we handle insurance communication directly to save you time and hassle.",
|
||||
},
|
||||
id: "q2", title: "Do you work with insurance?", content: "Yes, we handle insurance communication directly to save you time and hassle."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is mold remediation included?",
|
||||
content: "Yes, we are certified in comprehensive mold remediation services.",
|
||||
},
|
||||
id: "q3", title: "Is mold remediation included?", content: "Yes, we are certified in comprehensive mold remediation services."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Fast answers for urgent situations."
|
||||
@@ -279,22 +191,14 @@ export default function LandingPage() {
|
||||
description="Call us now or send a message for immediate assistance."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your situation...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your situation...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
|
||||
@@ -308,14 +212,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #1f7cff;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #1f7cff;
|
||||
--background-accent: #f96b2f;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user