Files
663cfbd7-ff7e-4c88-a7c6-e20…/src/app/page.tsx
2026-02-20 00:45:31 +00:00

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>
);
}