217 lines
9.5 KiB
TypeScript
217 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Facebook, Instagram } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Gorman Restoration"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Our Process", id: "/process" },
|
|
{ name: "Gallery", id: "/gallery" }
|
|
]}
|
|
button={{
|
|
text: "Request a Quote",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="GORMAN"
|
|
description="Restoration & Remodeling Done With Clarity. Clear estimates, quality work, and communication you'll trust."
|
|
buttons={[
|
|
{ text: "Request a Quote", href: "/contact" },
|
|
{ text: "Call Now", href: "tel:+1234567890" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eixqq3",
|
|
imageAlt: "Custom staircase refinishing"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahv1mz",
|
|
imageAlt: "Statement entry door restoration"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/room-interior-design_23-2148899458.jpg",
|
|
imageAlt: "Modern fireplace feature wall"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "I treat your home like it's my own—because" },
|
|
{ type: "text", content: "reputation is everything." }
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "/services" }
|
|
]}
|
|
buttonAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Services"
|
|
description="Quality work across restoration, carpentry, remodeling, and exterior improvements. Each project receives hands-on attention and clear communication."
|
|
tag="What We Do"
|
|
features={[
|
|
{
|
|
title: "Restoration & Repairs",
|
|
description: "Water issues, damage, and fixes that protect your home.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg?_wi=1",
|
|
imageAlt: "Restoration work"
|
|
},
|
|
{
|
|
title: "Carpentry & Custom Work",
|
|
description: "Trim, built-ins, doors, stairs, and finish details done right.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26126.jpg?_wi=1",
|
|
imageAlt: "Custom carpentry"
|
|
},
|
|
{
|
|
title: "Remodeling",
|
|
description: "Interior upgrades designed to look clean and feel intentional.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg?_wi=1",
|
|
imageAlt: "Modern remodeling"
|
|
},
|
|
{
|
|
title: "Exterior Improvements",
|
|
description: "Siding, repairs, and updates that elevate curb appeal.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/windows-building_1122-873.jpg?_wi=1",
|
|
imageAlt: "Exterior siding work"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Customers Say"
|
|
description="Clear guidance, prompt estimates, quality workmanship, and communication that makes the process easy."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson, Homeowner",
|
|
date: "Date: March 2024",
|
|
title: "Incredibly Consultative and Reliable",
|
|
quote: "Incredibly consultative, transparent and reliable. Estimates are always prompt and clear and the work is very high quality. Lucky treats your home with respect and follows through on every detail.",
|
|
tag: "Restoration & Repair",
|
|
avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen, Homeowner",
|
|
date: "Date: February 2024",
|
|
title: "My Home Feels New Again",
|
|
quote: "With repairs and improvements done thoughtfully, my house is beginning to again feel like the home I bought. The quality of work and attention to detail is exceptional.",
|
|
tag: "Remodeling",
|
|
avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez, Homeowner",
|
|
date: "Date: January 2024",
|
|
title: "Rare Find—Respect and Quality",
|
|
quote: "Respect for our time, expedited service, extremely reasonable pricing, and quality work. A rare find in this industry. Lucky goes above and beyond on every project.",
|
|
tag: "Carpentry",
|
|
avatarSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim, Homeowner",
|
|
date: "Date: December 2023",
|
|
title: "Professional and Transparent",
|
|
quote: "Professional from start to finish. The communication was clear, the timeline was respected, and the final result exceeded our expectations. Highly recommend.",
|
|
tag: "Exterior Work",
|
|
avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Request a Quote"
|
|
description="Tell me what you need—and if you can upload photos, I can usually respond faster and more accurately."
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "phoneNumber", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email (optional)", required: false },
|
|
{ name: "zipCode", type: "text", placeholder: "ZIP Code / Location", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "description",
|
|
placeholder: "Tell me about your project...",
|
|
rows: 6,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/living-room-modern-apartment-with-two-identical-sofas-opposite-each-other_181624-14768.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Get a Quote"
|
|
/>
|
|
</div>
|
|
|
|
<FooterCard
|
|
logoText="Gorman Restoration"
|
|
copyrightText="© 2024 Gorman Restoration & Remodeling. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/gormanrestoration",
|
|
ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/gormanrestoration",
|
|
ariaLabel: "Instagram"
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |