Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 743a59ae28 | |||
| 0f5f6d1ca7 | |||
| ed1a3f81ba | |||
| aa47c322c2 | |||
| 86c86bfaac | |||
| 0b92623caf | |||
| 76142be3cc | |||
| 3d62e97ab7 |
@@ -1,60 +1,28 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
const geist = Geist({
|
||||
variable: "--font-geist-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Clayton's Roofing | Professional Roof Installation & Repair", description: "Professional roofing services including installation, repair, and maintenance. 25+ years of family-owned expertise with 98% customer satisfaction. Free inspection available.", keywords: "roofing, roof repair, roof installation, residential roofing, professional roofer, home improvement, roofing contractor", metadataBase: new URL("https://claytonroofing.com"),
|
||||
alternates: {
|
||||
canonical: "https://claytonroofing.com"
|
||||
},
|
||||
openGraph: {
|
||||
title: "Clayton's Roofing | Premium Roofing Solutions", description: "Expert roofing installation, repair, and maintenance with 25+ years of experience. Trust our family-owned business for quality and reliability.", url: "https://claytonroofing.com", siteName: "Clayton's Roofing", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Professional roofing installation"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Clayton's Roofing | Professional Solutions", description: "Quality roofing services with 25+ years of expertise. Free inspections available.", images: ["http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
}
|
||||
};
|
||||
title: "Clayton's Roofing | Professional Roofing Services", description: "Expert roofing installation, repair, and maintenance with over 25 years of family-owned experience. Trust Clayton's Roofing for quality craftsmanship."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${interTight.variable} ${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${geist.variable} ${geistMono.variable}`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1422,7 +1390,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -12,7 +12,48 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Shield, Building2, TrendingUp, Wrench, CheckCircle, Phone, Facebook, Linkedin, Hammer, Star, Award } from 'lucide-react';
|
||||
|
||||
const CUSTOMER_REVIEWS = [
|
||||
{
|
||||
name: "Margaret Thompson", review: "Clayton's Roofing completely transformed our home's exterior. The team was professional, punctual, and the quality of work exceeded our expectations. We couldn't be happier!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
||||
},
|
||||
{
|
||||
name: "Robert Thompson", review: "After a severe storm damaged our roof, Clayton's responded within hours. Their emergency service was exceptional, and the repairs were done flawlessly. Highly recommend!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
||||
},
|
||||
{
|
||||
name: "Lisa Rodriguez", review: "We've used Clayton's Roofing for three separate projects over the years. Their consistency in quality and customer service is unmatched. They're our go-to roofing company!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
||||
},
|
||||
{
|
||||
name: "James Chen", review: "The free inspection was thorough and honest. They explained everything clearly and didn't pressure us into unnecessary work. Professional from start to finish!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
||||
},
|
||||
{
|
||||
name: "David Martinez", review: "Clayton's installed a new roof on our commercial property. The project was completed on schedule and under budget. Their team is reliable and skilled!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
||||
},
|
||||
{
|
||||
name: "Sandra Williams", review: "Outstanding warranty support and follow-up service. They truly care about their customers' satisfaction. Best roofing company in the area!", rating: 5,
|
||||
image: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
|
||||
}
|
||||
];
|
||||
|
||||
const COMPANY_HISTORY = {
|
||||
foundedYear: 1998,
|
||||
yearsInBusiness: 25,
|
||||
historicalEvents: [
|
||||
"Started as a small family operation with just 2 employees", "Expanded to serve the tri-county area by 2005", "Became GAF Master Elite Contractor in 2010", "Reached 1,000+ satisfied customers milestone in 2015", "Achieved 98% customer satisfaction rating (2018-2024)", "Added 24/7 emergency services department in 2020"
|
||||
]
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
const selectedReviews = CUSTOMER_REVIEWS.slice(0, 1);
|
||||
const allReviewAvatars = CUSTOMER_REVIEWS.map(r => ({
|
||||
src: r.image,
|
||||
alt: r.name
|
||||
}));
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -51,7 +92,7 @@ export default function LandingPage() {
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "25+", label: "Years Experience" },
|
||||
{ value: "2,500+", label: "Roofs Completed" },
|
||||
{ value: "2,500+", label: "Happy Homeowners" },
|
||||
{ value: "98%", label: "Customer Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
@@ -72,7 +113,7 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
tagIcon={Building2}
|
||||
tagAnimation="slide-up"
|
||||
title="Trusted Family Business Dedicated to Excellence in Roofing"
|
||||
title={`Clayton's Roofing: A Family Legacy of Excellence Since ${COMPANY_HISTORY.foundedYear}`}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "#contact" }
|
||||
@@ -179,17 +220,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Clayton's Roofing completely transformed our home's exterior. The team was professional, punctual, and the quality of work exceeded our expectations. We couldn't be happier with the results and highly recommend them to anyone needing roofing services."
|
||||
rating={5}
|
||||
author="Margaret & Robert Thompson, Homeowners"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Margaret Thompson" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Robert Thompson" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Lisa Rodriguez" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "James Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Martinez" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sandra Williams" }
|
||||
]}
|
||||
testimonial={selectedReviews[0].review}
|
||||
rating={selectedReviews[0].rating}
|
||||
author={selectedReviews[0].name}
|
||||
avatars={allReviewAvatars}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user