77 lines
3.3 KiB
TypeScript
77 lines
3.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Arch Roofing Systems"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-details" data-section="about-details">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Commitment to Roofing Excellence"
|
|
description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties with high-quality roofs and exterior improvements."
|
|
imageSrc="http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562651.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet Our Team"
|
|
tag="Leadership"
|
|
memberVariant="card"
|
|
membersAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "owner", name: "Carston Lipscomb - Owner", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=1" },
|
|
{ id: "tm1", name: "Gabriel Southern - project manager ", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=2" },
|
|
{ id: "tm2", name: "Drake Albury - project manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
|
{ title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
|
|
{ title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
|
|
]}
|
|
bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
|
|
bottomRightText="Lic. #123456"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |