406 lines
15 KiB
TypeScript
406 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Award, ShieldCheck, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="none"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "home",
|
||
},
|
||
{
|
||
name: "Elite Difference",
|
||
id: "elite-difference",
|
||
},
|
||
{
|
||
name: "Portfolio",
|
||
id: "portfolio",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Process",
|
||
id: "process",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Cardinal Roofing Company LLC"
|
||
bottomLeftText="Protecting Legacies"
|
||
bottomRightText="info@cardinalroofing.com"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
title="The Gold Standard in Roofing & Remodeling."
|
||
description="You aren’t just buying a roof; you’re investing in peace of mind. Experience the craftsmanship that Ethan, Judith, and hundreds of others trust."
|
||
leftCarouselItems={[
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-houses-near-ocean-captured-camague-france_181624-18766.jpg",
|
||
videoAriaLabel: "High-definition, slow-motion drone video showing a finished, high-end roof.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg",
|
||
imageAlt: "Luxurious slate roof on a modern home.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-yard-terrace-restaurant-made-national-style-with-greenery-chairs-ad-tables-nikiti-greece_1268-16662.jpg",
|
||
imageAlt: "Architectural shingle roof on a beautiful new home.",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg",
|
||
imageAlt: "Luxurious slate roof on a modern home.",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-yard-terrace-restaurant-made-national-style-with-greenery-chairs-ad-tables-nikiti-greece_1268-16662.jpg",
|
||
imageAlt: "Architectural shingle roof on a beautiful new home.",
|
||
},
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-houses-near-ocean-captured-camague-france_181624-18766.jpg",
|
||
videoAriaLabel: "High-definition, slow-motion drone video showing a finished, high-end roof.",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Request Your Professional Assessment",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg",
|
||
alt: "Ethan, a satisfied customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||
alt: "Judith, a satisfied customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-adult-women-taking-selfie_23-2148385695.jpg",
|
||
alt: "Happy customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/neat-old-woman-with-eyeglasses_23-2148341533.jpg",
|
||
alt: "Happy customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||
alt: "Happy customer",
|
||
},
|
||
]}
|
||
avatarText="Ethan, Judith, and hundreds of others trust."
|
||
carouselPosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[]}
|
||
logos={[
|
||
"http://img.b2bpic.net/free-vector/black-yellow-star-rating-design_23-2147738155.jpg",
|
||
"http://img.b2bpic.net/free-vector/flat-design-labour-day-label-pack_23-2148472984.jpg",
|
||
"http://img.b2bpic.net/free-vector/vintage-labor-day-badge-collection-with-flat-design_23-2147864328.jpg",
|
||
"http://img.b2bpic.net/free-vector/black-yellow-star-rating-design_23-2147738155.jpg",
|
||
"http://img.b2bpic.net/free-vector/flat-design-labour-day-label-pack_23-2148472984.jpg",
|
||
"http://img.b2bpic.net/free-vector/vintage-labor-day-badge-collection-with-flat-design_23-2147864328.jpg",
|
||
"http://img.b2bpic.net/free-vector/black-yellow-star-rating-design_23-2147738155.jpg",
|
||
]}
|
||
title="Trusted Excellence"
|
||
description="Our commitment to quality is recognized by industry leaders and our valued clients."
|
||
speed={60}
|
||
showCard={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="elite-difference" data-section="elite-difference">
|
||
<FeatureCardEight
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Step-by-Step Documentation",
|
||
description: "We take photos at every stage so you see the integrity of the work beneath the shingles.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-plans-copy-space_23-2148920614.jpg",
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Clean Site Guarantee",
|
||
description: "Professional crews who treat your property like a sanctuary, not a construction site.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/protection-gloves-saw-table_23-2148180602.jpg",
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Beyond the Roof",
|
||
description: "From leak repairs to full-scale home remodeling, we bring structural mastery to every corner of your home.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30458.jpg",
|
||
},
|
||
]}
|
||
title="Why Quality Costs More—And Why It’s Worth It."
|
||
description="We don't just cover houses; we protect legacies. At Cardinal Roofing Company LLC, we understand that a roof is the most important surface of your home. We aren't the fastest or the cheapest—we are the best. Because when it comes to your family's safety, 'good enough' never is."
|
||
/>
|
||
</div>
|
||
|
||
<div id="portfolio" data-section="portfolio">
|
||
<ProductCardFour
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
animationType="blur-reveal"
|
||
products={[
|
||
{
|
||
id: "roof-project-1",
|
||
name: "Luxury Slate Roof",
|
||
price: "Project 1",
|
||
variant: "Before & After",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
|
||
imageAlt: "Before and After of a luxury slate roof replacement",
|
||
},
|
||
{
|
||
id: "roof-project-2",
|
||
name: "Architectural Shingle Upgrade",
|
||
price: "Project 2",
|
||
variant: "Before & After",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/thai-style-gold-decoration-concept_53876-23418.jpg",
|
||
imageAlt: "Before and After of an architectural shingle roof upgrade",
|
||
},
|
||
{
|
||
id: "roof-project-3",
|
||
name: "Full Home Remodel",
|
||
price: "Project 3",
|
||
variant: "Whole Home Transformation",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg",
|
||
imageAlt: "Before and After of a full home remodel, including roofing",
|
||
},
|
||
]}
|
||
title="Seeing Is Believing: Our Transformations"
|
||
description="Visual proof of the 'Fantastic Result' promised in our reviews. From poorly done roofs to Cardinal masterpieces."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Ethan R.",
|
||
role: "Homeowner",
|
||
company: "Local Resident",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-152692.jpg",
|
||
videoAriaLabel: "Testimonial video from Ethan R.",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Judith P.",
|
||
role: "Homeowner",
|
||
company: "Local Resident",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg",
|
||
videoAriaLabel: "Testimonial video from Judith P.",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Kyle M.",
|
||
role: "Homeowner & Remodel Client",
|
||
company: "Local Resident",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-table-open-air-cafe-talkin-phone-looking-up_176420-6298.jpg",
|
||
videoAriaLabel: "Testimonial video from Kyle M.",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Sarah J.",
|
||
role: "Happy Customer",
|
||
company: "Local Resident",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-newspaper-coffee-near-building_23-2147694668.jpg",
|
||
videoAriaLabel: "Testimonial video from Sarah J.",
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
|
||
icon: Star,
|
||
title: "Google Rating",
|
||
value: "5.0 Stars",
|
||
},
|
||
{
|
||
|
||
icon: Award,
|
||
title: "Shingle Applicator",
|
||
value: "Master Certified",
|
||
},
|
||
{
|
||
|
||
icon: ShieldCheck,
|
||
title: "Our Company Status",
|
||
value: "Fully Licensed & Insured",
|
||
},
|
||
]}
|
||
title="The Voice of the Client"
|
||
description="Hear directly from homeowners who experienced the Cardinal difference. 'Even though it wasn't the cheapest roofing company, I got what I paid for!'"
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1",
|
||
title: "Step 1: Initial Inquiry & Consultation",
|
||
content: "Your journey begins with a simple contact. We discuss your needs, answer initial questions, and schedule a convenient time for an on-site visit to understand your project in detail.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Step 2: Detailed Inspection & Quote",
|
||
content: "Our certified professionals conduct a thorough inspection, documenting all aspects with photos. Based on this, we provide a transparent, detailed quote, outlining all costs and timelines.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Step 3: Project Documentation & Execution",
|
||
content: "Once approved, our skilled crews begin work. We provide step-by-step photographic documentation of the progress, ensuring you're informed and confident in the integrity of our work. Your property is treated with utmost respect, ensuring a clean site.",
|
||
},
|
||
{
|
||
id: "4",
|
||
title: "Step 4: Final Inspection & Completion",
|
||
content: "Upon completion, a final walk-through is conducted with you to ensure every detail meets our high standards and your complete satisfaction. We deliver a flawless finish and lasting peace of mind.",
|
||
},
|
||
]}
|
||
sideTitle="The Cardinal Process: Your Peace of Mind Journey"
|
||
sideDescription="From inquiry to completion, our visual timeline emphasizes professionalism and transparency at every stage. We simplify complex projects into clear, manageable steps."
|
||
faqsAnimation="slide-up"
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Get Started"
|
||
title="Request Your Professional Assessment"
|
||
description="Ready to invest in peace of mind? Fill out the form below for a preliminary estimate or to schedule a consultation. Our team will get back to you promptly."
|
||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||
imageAlt="Beautiful finished home with a professionally installed roof."
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Enter your address or contact email"
|
||
buttonText="Submit Request"
|
||
termsText="By submitting, you agree to allow Cardinal Roofing Company LLC to contact you regarding your request and agree to our Privacy Policy."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#home",
|
||
},
|
||
{
|
||
label: "About Us",
|
||
href: "#elite-difference",
|
||
},
|
||
{
|
||
label: "Portfolio",
|
||
href: "#portfolio",
|
||
},
|
||
{
|
||
label: "Testimonials",
|
||
href: "#testimonials",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Roofing",
|
||
href: "#elite-difference",
|
||
},
|
||
{
|
||
label: "Remodeling",
|
||
href: "#elite-difference",
|
||
},
|
||
{
|
||
label: "Process",
|
||
href: "#process",
|
||
},
|
||
{
|
||
label: "Get a Quote",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Cardinal Roofing Company LLC"
|
||
copyrightText="© 2024 Cardinal Roofing Company LLC. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|