Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Hammer, Droplets, Square, Zap, Building } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -30,48 +31,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TNT Demolition"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="We Demo It. You Build It."
|
||||
description="Licensed demolition pros — fast, clean, and affordable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "See Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "See Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,47 +68,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Demo",
|
||||
description: "Precision interior demolition including walls, fixtures, and finishes.",
|
||||
buttonIcon: "Hammer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg?_wi=2",
|
||||
imageAlt: "demolition site industrial background dark",
|
||||
},
|
||||
title: "Interior Demo", description: "Precision interior demolition including walls, fixtures, and finishes.", buttonIcon: Hammer,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg", imageAlt: "demolition site industrial background dark"},
|
||||
{
|
||||
title: "Kitchen & Bath",
|
||||
description: "Specialized removal of kitchen and bathroom structures without damaging neighboring zones.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg?_wi=1",
|
||||
imageAlt: "portrait of happy professional contractor",
|
||||
},
|
||||
title: "Kitchen & Bath", description: "Specialized removal of kitchen and bathroom structures without damaging neighboring zones.", buttonIcon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg", imageAlt: "portrait of happy professional contractor"},
|
||||
{
|
||||
title: "Flooring Removal",
|
||||
description: "Full removal of old tile, wood, or carpet flooring with site preparation.",
|
||||
buttonIcon: "Square",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg?_wi=1",
|
||||
imageAlt: "satisfied homeowner smiling portrait",
|
||||
},
|
||||
title: "Flooring Removal", description: "Full removal of old tile, wood, or carpet flooring with site preparation.", buttonIcon: Square,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageAlt: "satisfied homeowner smiling portrait"},
|
||||
{
|
||||
title: "Sheetrock Removal",
|
||||
description: "Clean, fast wallboard removal performed to industry safety standards.",
|
||||
buttonIcon: "Square",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg?_wi=1",
|
||||
imageAlt: "happy client portrait renovation",
|
||||
},
|
||||
title: "Sheetrock Removal", description: "Clean, fast wallboard removal performed to industry safety standards.", buttonIcon: Square,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg", imageAlt: "happy client portrait renovation"},
|
||||
{
|
||||
title: "Equipment Removal",
|
||||
description: "Decommissioning and safe removal of outdated industrial equipment.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg?_wi=1",
|
||||
imageAlt: "demolition contractor site professional",
|
||||
},
|
||||
title: "Equipment Removal", description: "Decommissioning and safe removal of outdated industrial equipment.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", imageAlt: "demolition contractor site professional"},
|
||||
{
|
||||
title: "Full Structure",
|
||||
description: "Complete site clearing and structural demolition by licensed pros.",
|
||||
buttonIcon: "Building",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg?_wi=3",
|
||||
imageAlt: "demolition site industrial background dark",
|
||||
},
|
||||
title: "Full Structure", description: "Complete site clearing and structural demolition by licensed pros.", buttonIcon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-extreme-earthquake_23-2150879873.jpg", imageAlt: "demolition site industrial background dark"},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Our professional team provides safe and efficient demolition services for a variety of residential and commercial needs."
|
||||
@@ -136,25 +98,13 @@ export default function LandingPage() {
|
||||
tag="Reliable Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "On Time",
|
||||
description: "Punctual arrivals and reliable scheduling for every project.",
|
||||
},
|
||||
id: "m1", value: "On Time", description: "Punctual arrivals and reliable scheduling for every project."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Clean Site",
|
||||
description: "We ensure your jobsite is left spotless every day.",
|
||||
},
|
||||
id: "m2", value: "Clean Site", description: "We ensure your jobsite is left spotless every day."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fair Pricing",
|
||||
description: "Competitive, transparent quotes with no hidden fees.",
|
||||
},
|
||||
id: "m3", value: "Fair Pricing", description: "Competitive, transparent quotes with no hidden fees."},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Licensed",
|
||||
description: "Fully licensed, insured, and professional crew.",
|
||||
},
|
||||
id: "m4", value: "Licensed", description: "Fully licensed, insured, and professional crew."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -167,40 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah-j",
|
||||
testimonial: "TNT Demolition was incredible. They finished my kitchen demo in half a day and left the place immaculate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah-j", testimonial: "TNT Demolition was incredible. They finished my kitchen demo in half a day and left the place immaculate.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@mike-r",
|
||||
testimonial: "Very professional and fair priced. These guys really know how to handle complex demolition projects without stress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@mike-r", testimonial: "Very professional and fair priced. These guys really know how to handle complex demolition projects without stress.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
handle: "@emily-d",
|
||||
testimonial: "Fast response, fast service. They cleared our old garage and kept the entire jobsite safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily D.", handle: "@emily-d", testimonial: "Fast response, fast service. They cleared our old garage and kept the entire jobsite safe.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@david-w",
|
||||
testimonial: "Best demolition crew in the business. Tim and his team are honest, hardworking, and very efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@david-w", testimonial: "Best demolition crew in the business. Tim and his team are honest, hardworking, and very efficient.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-stay-near-big-industrial-stairs_627829-11413.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessica-l",
|
||||
testimonial: "Highly recommend TNT for anyone looking for clean work done right. Thank you!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jessica-l", testimonial: "Highly recommend TNT for anyone looking for clean work done right. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We take pride in our work. Here is what local property owners have to say about our team."
|
||||
@@ -215,19 +140,13 @@ export default function LandingPage() {
|
||||
description="Founded by Tim and his dedicated crew, TNT Demolition has spent years building a reputation for excellence in the demolition space. We handle residential projects large and small, consistently delivering clean sites and safe structural practices to our community."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Professionals",
|
||||
description: "Full compliance with local building codes.",
|
||||
},
|
||||
title: "Licensed Professionals", description: "Full compliance with local building codes."},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Zero incident rate policy for every demo.",
|
||||
},
|
||||
title: "Safety First", description: "Zero incident rate policy for every demo."},
|
||||
{
|
||||
title: "Service Area",
|
||||
description: "Proudly serving the entire local metropolitan region.",
|
||||
},
|
||||
title: "Service Area", description: "Proudly serving the entire local metropolitan region."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -236,8 +155,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Get your free quote today — we respond fast. Call us at (555) 123-4567 or email us at quotes@tntdemo.com."
|
||||
/>
|
||||
</div>
|
||||
@@ -246,42 +164,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Demo",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior Demo", href: "#services"},
|
||||
{
|
||||
label: "Full Structure",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Full Structure", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user