191 lines
9.7 KiB
TypeScript
191 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import {
|
|
Award,
|
|
Users,
|
|
CheckCircle,
|
|
Zap,
|
|
Star,
|
|
Shield,
|
|
Wrench,
|
|
AlertCircle,
|
|
Home,
|
|
Building2,
|
|
Square,
|
|
Droplets,
|
|
Clock,
|
|
Phone,
|
|
AlertTriangle,
|
|
Mail,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Why Us", id: "/why-us" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Nottingham Premier Roofing"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id === "/" ? "/" : item.id,
|
|
}))}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Expert Roofing Solutions for Nottingham Homes & Businesses"
|
|
description="Professional roof repairs, installations, and emergency call-outs with 15+ years of proven experience. Licensed, insured, and trusted by thousands of satisfied customers across the East Midlands."
|
|
tag="Trusted Local Experts"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "/contact" },
|
|
{ text: "Emergency Call-Out", href: "tel:+441159123456" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Modern residential roof installation"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Professional roof repair work"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg", imageAlt: "Flat roof installation project"},
|
|
{
|
|
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?_wi=1", imageAlt: "Commercial roofing completed"},
|
|
{
|
|
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?_wi=2", imageAlt: "Quality roof maintenance service"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Our Comprehensive Roofing Services"
|
|
description="We specialise in all aspects of roofing to keep your property protected and secure. From emergency repairs to full installations, our expert team delivers quality workmanship every time."
|
|
tag="Complete Solutions"
|
|
features={[
|
|
{
|
|
title: "Roof Repairs", description: "Swift, professional repairs for damaged, leaking, or worn roofing. Same-day emergency response available.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Wrench, label: "Fast Repairs", value: "24-48hrs" },
|
|
{ icon: Shield, label: "Fully Insured", value: "100% Safe" },
|
|
{ icon: AlertCircle, label: "Emergency Service", value: "Available" },
|
|
],
|
|
},
|
|
{
|
|
title: "New Roof Installations", description: "Complete roof installations using premium materials. Expert design consultation included.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Home, label: "Residential", value: "All Types" },
|
|
{ icon: Building2, label: "Commercial", value: "Expert Design" },
|
|
{ icon: Star, label: "Premium Materials", value: "Guaranteed" },
|
|
],
|
|
},
|
|
{
|
|
title: "Flat Roof Services", description: "Specialised flat roofing expertise for modern homes and commercial properties.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Square, label: "EPDM Rubber", value: "Durable" },
|
|
{ icon: Zap, label: "Felt & Slate", value: "Available" },
|
|
{ icon: Droplets, label: "Waterproof", value: "Long-lasting" },
|
|
],
|
|
},
|
|
{
|
|
title: "Emergency Call-Outs", description: "24/7 emergency roofing response. Storm damage, leaks, and urgent repairs handled immediately.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Clock, label: "24/7 Available", value: "Always On" },
|
|
{ icon: Phone, label: "Quick Response", value: "1-2 Hours" },
|
|
{ icon: AlertTriangle, label: "Storm Damage", value: "Specialists" },
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Choose Nottingham Premier Roofing? 15+ Years of Excellence, Trust, and Proven Results"
|
|
metrics={[
|
|
{ icon: Award, label: "Years of Experience", value: "15+" },
|
|
{ icon: Users, label: "Satisfied Customers", value: "5,000+" },
|
|
{ icon: CheckCircle, label: "Licensed & Insured", value: "Certified" },
|
|
{ icon: Zap, label: "Emergency Response", value: "24/7 Available" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Over 5,000 customers trust Nottingham Premier Roofing for professional, reliable roofing solutions"
|
|
cardTag="Customer Reviews"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "happy customer professional portrait person man"},
|
|
{
|
|
id: "2", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg", imageAlt: "satisfied client portrait woman professional"},
|
|
{
|
|
id: "3", name: "Michael Robinson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "customer photo person portrait man professional"},
|
|
{
|
|
id: "4", name: "Emma Williams", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", imageAlt: "customer image woman portrait satisfied professional"},
|
|
{
|
|
id: "5", name: "James Patterson", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "person photo customer portrait man professional"},
|
|
{
|
|
id: "6", name: "Sophie Anderson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "portrait photo woman customer professional"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCTA
|
|
tag="Ready to Protect Your Roof?"
|
|
tagIcon={Shield}
|
|
title="Get Your Free Roofing Quote Today"
|
|
description="Contact Nottingham Premier Roofing for a no-obligation assessment. Our team is ready to provide expert advice and a competitive quote for your roofing project or emergency repair."
|
|
buttons={[
|
|
{ text: "Request Free Quote", href: "/contact" },
|
|
{ text: "Call Now: 0115 912 3456", href: "tel:+441159123456" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Nottingham Premier Roofing"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |