153 lines
7.1 KiB
TypeScript
153 lines
7.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, CheckCircle, Wrench, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#features" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Job Done"
|
|
button={{ text: "Get Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Stress-Free, High-Quality Property Maintenance"
|
|
description="Professional residential and commercial maintenance. We ensure quality repairs and timely solutions for your property needs."
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-iu3czmkz.jpg?_wi=1"
|
|
imageAlt="Professional maintenance services at work"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{ type: "text", content: "Reliable Maintenance Professionals" },
|
|
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-6inl4ahk.jpg", alt: "Our team at work" },
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Plumbing Services", description: "Expert pipe repair and leak detection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-0jyt48ko.jpg?_wi=1" },
|
|
{ title: "Electrical Upgrades", description: "Certified safety and wiring installations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-ezhcfj9u.jpg?_wi=1" },
|
|
{ title: "Custom Carpentry", description: "High-quality woodwork and assembly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-x0vl49x3.jpg?_wi=1" },
|
|
{ title: "Painting Solutions", description: "Professional interior & exterior finishes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-iu3czmkz.jpg?_wi=2" },
|
|
{ title: "Flooring Install", description: "Expert tile and floor maintenance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-6inl4ahk.jpg?_wi=1" },
|
|
{ title: "Roofing Care", description: "Maintenance and minor roof repairs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-0jyt48ko.jpg?_wi=2" }
|
|
]}
|
|
title="Our Core Maintenance Services"
|
|
description="We provide a full suite of property maintenance solutions delivered to your doorstep."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", icon: Wrench, title: "Projects Completed", value: "2,500+" },
|
|
{ id: "m2", icon: CheckCircle, title: "Active Clients", value: "1,500+" },
|
|
{ id: "m3", icon: Award, title: "Years Experience", value: "15+" },
|
|
{ id: "m4", icon: Users, title: "Qualified Team", value: "50+" },
|
|
]}
|
|
title="Our Impact"
|
|
description="Results that define our excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex P.", role: "Homeowner", testimonial: "Fantastic results and very prompt service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-iu3czmkz.jpg?_wi=4" },
|
|
{ id: "2", name: "Sarah D.", role: "Manager", testimonial: "The team is professional, fast, and very reliable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DIBv2f4OR2Zy3ndShCpegygcLW/uploaded-1777960396108-6inl4ahk.jpg?_wi=3" },
|
|
]}
|
|
title="Client Testimonials"
|
|
description="Hear what our clients say about our work."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "1", title: "How do I book?", content: "Call us at 03091566615 or submit an inquiry form." },
|
|
{ id: "2", title: "Are quotes free?", content: "Yes, all our assessments are provided free of charge." },
|
|
]}
|
|
title="FAQ"
|
|
description="Questions answered."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact"
|
|
title="Contact 03091566615"
|
|
description="We are available 24/7 to assist with your maintenance needs. Call us today!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "#" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
|
{ items: [{ label: "About", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
|
|
]}
|
|
logoText="Job Done Maintenance"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |