208 lines
5.9 KiB
TypeScript
208 lines
5.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import { Award, ListChecks, ShieldCheck, Trash2 } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "Projects",
|
|
id: "/projects",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "/reviews",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "FAQs",
|
|
id: "/faq",
|
|
},
|
|
{
|
|
name: "Get a Quote",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="GC Roofing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="meet-the-team" data-section="meet-the-team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "team-1",
|
|
name: "Gerard Collins",
|
|
role: "Founder & Lead Roofer",
|
|
description: "With over 20 years experience, Gerard personally oversees every project, ensuring the highest standards of quality.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149343696.jpg",
|
|
imageAlt: "Gerard Collins, Founder of GC Roofing",
|
|
},
|
|
{
|
|
id: "team-2",
|
|
name: "Mark Davison",
|
|
role: "Certified Roofing Technician",
|
|
description: "Mark is a meticulous craftsman, specializing in complex installations and ensuring every detail is perfect.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg",
|
|
imageAlt: "Mark Davison, Roofing Technician",
|
|
},
|
|
{
|
|
id: "team-3",
|
|
name: "Sarah Walsh",
|
|
role: "Client Relations Manager",
|
|
description: "Sarah ensures clear communication and photographic updates, keeping clients informed and satisfied.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-engineers-designers-working-construction-project_273609-16395.jpg",
|
|
imageAlt: "Sarah Walsh, Client Relations Manager",
|
|
},
|
|
]}
|
|
title="Meet the GC Roofing Team"
|
|
description="Led by Gerard Collins, our team is dedicated to reliability, transparency, and craftsmanship, ensuring your peace of mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="company-credentials" data-section="company-credentials">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Values & Credentials"
|
|
metrics={[
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Workmanship",
|
|
value: "10-Year Guarantee",
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Public & Employer's",
|
|
value: "Fully Insured",
|
|
},
|
|
{
|
|
icon: ListChecks,
|
|
label: "Safety Training",
|
|
value: "Certified Team",
|
|
},
|
|
{
|
|
icon: Trash2,
|
|
label: "Waste Management",
|
|
value: "Licensed Carrier",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="GC Roofing"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "New Slates & Tiled Roofs",
|
|
href: "/services#slate-tile",
|
|
},
|
|
{
|
|
label: "Flat Roof Replacement",
|
|
href: "/services#flat-roof",
|
|
},
|
|
{
|
|
label: "Chimney Removal/Rebuild",
|
|
href: "/services#chimney",
|
|
},
|
|
{
|
|
label: "Fascia, Soffits & Guttering",
|
|
href: "/services#fascia-gutter",
|
|
},
|
|
{
|
|
label: "Storm Damage & Emergency",
|
|
href: "/services#storm-damage",
|
|
},
|
|
{
|
|
label: "Skylights & Ventilation",
|
|
href: "/services#skylights",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Projects",
|
|
href: "/projects",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "/reviews",
|
|
},
|
|
{
|
|
label: "FAQs",
|
|
href: "/faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 GC Roofing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|