316 lines
11 KiB
TypeScript
316 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Award, Clock, Droplets, Gauge, Home, ShieldCheck } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="none"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Beltz Home Service"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="DOMESTIC PERFECTION. UNCOMPROMISING INTEGRITY."
|
||
description="From frozen pipes in the dead of winter to precision HVAC installations, we restore your home’s sanctuary with world-class craftsmanship."
|
||
buttons={[
|
||
{
|
||
text: "Schedule Your Concierge Service",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Emergency Dispatch",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/father-s-day-celebration-with-frame_23-2148510788.jpg?_wi=1"
|
||
imageAlt="Professional home services cinematic background"
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="The Elite Response"
|
||
description={[
|
||
"At Beltz Home & Service, we believe a repair is more than a fix—it’s a restoration of peace.",
|
||
"Led by Brian Beltz, our team is hand-selected for character, technical mastery, and the stamina to work through the harshest conditions to keep your family safe.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Thermal Management",
|
||
description: "Precision Heating & Cooling solutions tailored to the luxury estate.",
|
||
icon: Gauge,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg?_wi=1",
|
||
imageAlt: "Heating system",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg?_wi=2",
|
||
imageAlt: "Cooling system",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-celebration-with-frame_23-2148510788.jpg?_wi=2",
|
||
imageAlt: "luxury faucet close up high definition",
|
||
},
|
||
{
|
||
title: "Hydraulic Systems",
|
||
description: "Advanced Plumbing & Emergency Pipe Recovery for long-term reliability.",
|
||
icon: Droplets,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg?_wi=1",
|
||
imageAlt: "Plumbing",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg?_wi=2",
|
||
imageAlt: "Pipe repair",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg?_wi=3",
|
||
imageAlt: "precision heating system close up",
|
||
},
|
||
{
|
||
title: "Preventative Care",
|
||
description: "Long-term diagnostic solutions for the discerning homeowner.",
|
||
icon: ShieldCheck,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg?_wi=1",
|
||
imageAlt: "Diagnostics",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg?_wi=2",
|
||
imageAlt: "Maintenance",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg?_wi=3",
|
||
imageAlt: "advanced plumbing pipe repair",
|
||
},
|
||
]}
|
||
title="Service Pillars"
|
||
description="Excellence in every system, managed with precision."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Jacob",
|
||
handle: "Homeowner",
|
||
testimonial: "Professional, knowledgeable, and reliable. I would recommend them to anyone.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Chris",
|
||
handle: "Homeowner",
|
||
testimonial: "Stellar job. Integrity starts with leadership. Brian has a team of great character.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Homeowner",
|
||
handle: "Estate Client",
|
||
testimonial: "They would stop at nothing to ensure we were taken care of. A review isn't enough.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lawyer-posing_23-2148172325.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Client X",
|
||
handle: "Estate Owner",
|
||
testimonial: "Exceptional responsiveness and diagnostic precision.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-pencil_23-2148372127.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Client Y",
|
||
handle: "Estate Owner",
|
||
testimonial: "The best experience with any service team in years.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891521.jpg",
|
||
},
|
||
]}
|
||
showRating={true}
|
||
title="Client Chronicles"
|
||
description="How we restore peace to homes."
|
||
/>
|
||
</div>
|
||
|
||
<div id="difference" data-section="difference">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Climate Consideration",
|
||
description: "We ensure your doors stay closed and floors stay pristine.",
|
||
icon: Home,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg?_wi=4",
|
||
imageAlt: "Care",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg?_wi=5",
|
||
imageAlt: "Cleanliness",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg?_wi=3",
|
||
imageAlt: "preventative maintenance diagnostic equipment",
|
||
},
|
||
{
|
||
title: "Post-Service Protocol",
|
||
description: "Monitoring systems for extended performance after we leave.",
|
||
icon: Clock,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg?_wi=4",
|
||
imageAlt: "Protocol",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg?_wi=5",
|
||
imageAlt: "Performance",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg?_wi=2",
|
||
imageAlt: "satisfied homeowner portrait professional",
|
||
},
|
||
{
|
||
title: "Integrity Pricing",
|
||
description: "Value-driven, honest pricing with loyalty rewards.",
|
||
icon: Award,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg?_wi=4",
|
||
imageAlt: "Value",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg?_wi=5",
|
||
imageAlt: "Pricing",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg?_wi=2",
|
||
imageAlt: "young man home office smiling",
|
||
},
|
||
]}
|
||
title="The Beltz Difference"
|
||
description="Our commitment to integrity and quality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
tag="Contact"
|
||
title="Direct line to Brian Beltz’s Elite Team."
|
||
description="Reach out to schedule your elite concierge service."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Solace in every season."
|
||
columns={[
|
||
{
|
||
title: "Beltz Home Service",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Services",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Support",
|
||
items: [
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|