216 lines
9.3 KiB
TypeScript
216 lines
9.3 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"
|
||
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", imageAlt: "Heating system"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg", imageAlt: "Cooling system"},
|
||
],
|
||
},
|
||
{
|
||
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", imageAlt: "Plumbing"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg", imageAlt: "Pipe repair"},
|
||
],
|
||
},
|
||
{
|
||
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", imageAlt: "Diagnostics"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg", imageAlt: "Maintenance"},
|
||
],
|
||
},
|
||
]}
|
||
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"},
|
||
{
|
||
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"},
|
||
{
|
||
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", imageAlt: "Care"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-microwave_53876-17927.jpg", imageAlt: "Cleanliness"},
|
||
],
|
||
},
|
||
{
|
||
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", imageAlt: "Protocol"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg", imageAlt: "Performance"},
|
||
],
|
||
},
|
||
{
|
||
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", imageAlt: "Value"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778669.jpg", imageAlt: "Pricing"},
|
||
],
|
||
},
|
||
]}
|
||
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>
|
||
);
|
||
}
|