232 lines
13 KiB
TypeScript
232 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Shield, Sparkles, Hammer, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="sparkles-gradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Cornerstone Roofing"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Free Quote", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Premium Roofing Solutions for Every Season"
|
|
description="Protect your home with expert roofing services backed by years of experience. From repairs to complete installations, Cornerstone Roofing delivers quality and reliability you can trust."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
kpis={[
|
|
{ value: "25+", label: "Years Experience" },
|
|
{ value: "5000+", label: "Roofs Completed" },
|
|
{ value: "99.2%", label: "Customer Satisfaction" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted Local Roofing"
|
|
tagIcon={Shield}
|
|
buttons={[
|
|
{ text: "Get Free Inspection", href: "#contact" },
|
|
{ text: "View Our Work", href: "#product" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/construction-worker_329181-2850.jpg"
|
|
imageAlt="Professional roofing installation"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Our Roofing Solutions"
|
|
description="Explore our range of premium roofing services and materials designed to protect and beautify your home."
|
|
tag="Quality Workmanship"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Cornerstone", name: "Asphalt Shingle Roofing", price: "Professional Installation", rating: 5,
|
|
reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "Asphalt shingle roofing"
|
|
},
|
|
{
|
|
id: "2", brand: "Cornerstone", name: "Metal Roofing System", price: "Durable & Lightweight", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "Metal roofing installation"
|
|
},
|
|
{
|
|
id: "3", brand: "Cornerstone", name: "Slate & Tile Roofing", price: "Premium Elegance", rating: 5,
|
|
reviewCount: "956", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Slate tile roofing"
|
|
}
|
|
]}
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Your local roofing experts with" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-vector/certified-approved-rubber-stamps-seal-set_1017-25321.jpg", alt: "Cornerstone badge" },
|
|
{ type: "text", content: "a commitment to excellence" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Schedule Inspection", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose Cornerstone Roofing"
|
|
description="We deliver superior roofing solutions with professional expertise, quality materials, and exceptional customer service."
|
|
tag="Our Services"
|
|
tagIcon={Hammer}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Expert Installation", description: "Licensed and certified roofing professionals with decades of combined experience in all roofing types.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "Expert roofing installation"
|
|
},
|
|
{
|
|
title: "Quality Materials", description: "We use only premium materials from trusted manufacturers to ensure durability and performance.", imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080258.jpg", imageAlt: "Premium roofing materials"
|
|
},
|
|
{
|
|
title: "Free Inspections", description: "Comprehensive roof assessments at no cost to identify any issues and recommend solutions.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional roof inspection"
|
|
},
|
|
{
|
|
title: "Warranty Protection", description: "Comprehensive warranties on labor and materials for complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/protect-guard-security-umbrella-graphics-icons-symbols_53876-122977.jpg", imageAlt: "Warranty coverage"
|
|
},
|
|
{
|
|
title: "Emergency Repairs", description: "24/7 emergency response for storm damage and urgent roofing issues.", imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg", imageAlt: "Emergency repair service"
|
|
},
|
|
{
|
|
title: "Local & Insured", description: "Fully licensed, bonded, and insured for your complete protection and confidence.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752886.jpg", imageAlt: "Insurance and licensing"
|
|
}
|
|
]}
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Real feedback from homeowners who trusted Cornerstone Roofing with their homes."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Thompson", handle: "Homeowner, Oak Ridge", testimonial: "Cornerstone Roofing transformed our home with a beautiful new metal roof. The team was professional, clean, and completed the job ahead of schedule. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Thompson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Mitchell", handle: "Property Manager, Downtown", testimonial: "We've used Cornerstone for multiple properties. Their reliability and quality workmanship are unmatched. They're our go-to roofing contractor.", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "3", name: "David Chen", handle: "Homeowner, Riverside", testimonial: "After a storm damaged our roof, Cornerstone responded within hours. Their emergency repair service saved us thousands in potential water damage.", imageSrc: "http://img.b2bpic.net/free-photo/content-confident-handsome-asian-businessman-looking-camera_1262-17002.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Rodriguez", handle: "Small Business Owner", testimonial: "The free inspection identified issues we didn't know we had. Their honest assessment and fair pricing made the decision easy. Great service!", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-female-executive-wearing-red-jacket-while-sitting-outside-workplace_662251-2084.jpg", imageAlt: "Jennifer Rodriguez"
|
|
},
|
|
{
|
|
id: "5", name: "Robert Johnson", handle: "Real Estate Investor", testimonial: "Cornerstone handles all my roofing needs across my portfolio. Consistent quality, professional team, and competitive pricing make them invaluable.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "Robert Johnson"
|
|
},
|
|
{
|
|
id: "6", name: "Emily Watson", handle: "Homeowner, Lakeside", testimonial: "Outstanding attention to detail and customer care. The warranty gives us peace of mind knowing our investment is protected.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Emily Watson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready for Quality Roofing?"
|
|
description="Contact us today for a free roof inspection and quote. Our team is ready to protect your home."
|
|
tagIcon={Phone}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
|
|
imageAlt="Roofing contractor team"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Free Quote"
|
|
termsText="We respect your privacy. We'll only contact you about your roofing needs."
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Cornerstone Roofing"
|
|
copyrightText="© 2024 Cornerstone Roofing. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Roof Installation", href: "#features" },
|
|
{ label: "Roof Repair", href: "#features" },
|
|
{ label: "Emergency Repairs", href: "#features" },
|
|
{ label: "Inspections", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#product" },
|
|
{ label: "Testimonials", href: "#testimonial" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "License & Insurance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |