221 lines
10 KiB
TypeScript
221 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Building, ScanEye, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home",
|
|
},
|
|
{
|
|
name: "About Us", id: "about",
|
|
},
|
|
{
|
|
name: "Services", id: "services",
|
|
},
|
|
{
|
|
name: "Projects", id: "projects",
|
|
},
|
|
{
|
|
name: "Testimonials", id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact", id: "contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Get a Free Estimate", href: "#contact"}}
|
|
brandName="Roofers Core Builds"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCarouselLogo
|
|
logoText="Roofers Core Builds"
|
|
description="Your Trusted Partner for Superior Roofing Solutions. Quality Craftsmanship, Durable Results, Every Time."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
{
|
|
text: "View Our Services", href: "#services"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-engineers-protective-equipment-standing-production-hall-sharing-ideas_342744-248.jpg", imageAlt: "Professional roofer inspecting roof on residential house"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15983.jpg", imageAlt: "Worker installing new roof shingles"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-man-showing-something-project-his-colleague-foreman_496169-959.jpg", imageAlt: "Team of roofers working on a commercial building"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-old-farm-house-field-with-white-grey-clouds-background_181624-41131.jpg", imageAlt: "Residential house with a newly renovated roof"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-controls-cargo-crane_140725-7619.jpg", imageAlt: "Close-up of roofer's hands working on a roof"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/red-roof_1204-22.jpg", imageAlt: "Beautiful new roof on a family home"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="About Roofers Core Builds"
|
|
description={[
|
|
"We are a leading roofing company dedicated to providing exceptional craftsmanship and reliable service. With years of experience, we specialize in a wide range of roofing solutions for residential and commercial properties.", "Our commitment to quality, integrity, and customer satisfaction sets us apart. We use only the highest-grade materials and employ skilled professionals to ensure your roof is built to last, protecting your investment for years to come."]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Wrench,
|
|
title: "Roof Repair & Maintenance", description: "Expert repair of leaks, storm damage, and wear-and-tear to extend your roof's lifespan and prevent costly replacements."},
|
|
{
|
|
icon: Building,
|
|
title: "New Roof Installation", description: "Professional installation of new roofs for residential and commercial properties using top-grade materials."},
|
|
{
|
|
icon: ScanEye,
|
|
title: "Detailed Roof Inspections", description: "Thorough assessments to identify potential issues, assess damage, and provide comprehensive reports for informed decisions."},
|
|
]}
|
|
title="Our Superior Roofing Services"
|
|
description="We offer comprehensive roofing services, tailored to meet your specific needs with unmatched quality and efficiency."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "shingles", name: "Asphalt Shingle Roofs", price: "Durable & Versatile", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-roof-tile-pattern_23-2149268545.jpg", imageAlt: "Dark grey asphalt roof shingles texture"},
|
|
{
|
|
id: "metal", name: "Metal Roofing Systems", price: "Long-lasting & Modern", variant: "Sleek", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13255.jpg", imageAlt: "Modern metal roofing panels texture"},
|
|
{
|
|
id: "tile", name: "Tile Roofing", price: "Elegant & Resilient", variant: "Mediterranean", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface-close-up_23-2148846054.jpg", imageAlt: "Mediterranean clay roof tiles texture"},
|
|
]}
|
|
title="Quality Roofing Materials & Projects"
|
|
description="Explore our selection of durable and aesthetically pleasing roofing materials and see examples of our craftsmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", handle: "@homeownerSJ", testimonial: "Roofers Core Builds replaced our entire roof, and the experience was seamless. The team was professional, efficient, and the final result exceeded our expectations. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148350551.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "2", name: "Michael T.", handle: "@MT_Properties", testimonial: "We've used Roofers Core Builds for multiple commercial projects. Their attention to detail and commitment to deadlines are unmatched. Always a pleasure to work with them.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-albino-woman-holding-smartphone_23-2150171882.jpg", imageAlt: "Michael T."},
|
|
{
|
|
id: "3", name: "Emily R.", handle: "@happyhomeER", testimonial: "Our roof was leaking after a storm, and Roofers Core Builds responded quickly. They fixed the issue efficiently and professionally. Fantastic service!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tea-phone_23-2148214640.jpg", imageAlt: "Emily R."},
|
|
{
|
|
id: "4", name: "David K.", handle: "@DK_Investments", testimonial: "The new roof on our property looks incredible. The quality of materials and workmanship from Roofers Core Builds is truly top-tier. Great investment!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageAlt: "David K."},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from homeowners and businesses who trusted Roofers Core Builds with their roofing projects."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready for a new roof or need a repair? Contact us today for a free, no-obligation estimate!"
|
|
buttons={[
|
|
{
|
|
text: "Get Your Free Quote", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Roof Repair", href: "#services"},
|
|
{
|
|
label: "New Installation", href: "#services"},
|
|
{
|
|
label: "Inspections", href: "#services"},
|
|
{
|
|
label: "Maintenance", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Projects", href: "#projects"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Roofers Core Builds"
|
|
copyrightText="© 2024 Roofers Core Builds. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|