175 lines
9.6 KiB
TypeScript
175 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="MasterCraft Const."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="MasterCraft Construction"
|
|
description="Excellence in carpentry, structural integrity, and custom building solutions for your home and business."
|
|
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2982.jpg", imageAlt: "professional carpenter working wood" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-electric-drill-plastic-case-with-hardware-items_23-2147865422.jpg", imageAlt: "woodwork workshop interior" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-copy-space_1194-639014.jpg", imageAlt: "finished home remodeling" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/compass-pencil-rubber-straightedges_23-2147654061.jpg", imageAlt: "carpenter measuring wood" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/various-tools-toolbag-near-blank-slate-bolts-wooden-background_23-2147865397.jpg", imageAlt: "hand tools on workbench" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/low-view-construction-house_23-2148748812.jpg", imageAlt: "new home frame construction" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Decades of Precision Craftsmanship"
|
|
tag="Our Story"
|
|
tagIcon={Wrench}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Custom Cabinetry", description: "Bespoke storage solutions tailored to your unique space and style.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317235.jpg", imageAlt: "View of modern construction site" },
|
|
{ title: "Structural Framing", description: "Robust structural integrity for residential and commercial frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/man-protective-helmet-turning-head-towards-camera_259150-57613.jpg", imageAlt: "Man in protective helmet turning head towards camera" },
|
|
{ title: "Home Renovations", description: "Comprehensive remodeling services to transform your living environment.", imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2992.jpg", imageAlt: "View of Construction work site" }
|
|
]}
|
|
title="Our Expert Services"
|
|
description="From custom cabinetry to full-scale structural renovations, we bring precision to every build."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Custom Oak Shelving", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26094.jpg" },
|
|
{ id: "p2", name: "Hardwood Flooring", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-work-tools-wood_329181-3486.jpg" },
|
|
{ id: "p3", name: "Walnut Staircase", price: "$8,000", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg" },
|
|
{ id: "p4", name: "Custom Entry Door", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-construction-engineer-equipment-with-copyspace_23-2148233699.jpg" },
|
|
{ id: "p5", name: "Built-in Library", price: "$6,000", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773757.jpg" },
|
|
{ id: "p6", name: "Kitchen Island", price: "$4,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-workshop_329181-15631.jpg" }
|
|
]}
|
|
title="Signature Installations"
|
|
description="High-end wood installations that define luxury and durability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Built on Reliability"
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{ id: "m1", value: "500+", description: "Completed Projects" },
|
|
{ id: "m2", value: "25", description: "Years Experience" },
|
|
{ id: "m3", value: "100%", description: "Client Satisfaction" }
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "James Wilson", handle: "@jwilson", testimonial: "Exceptional craftsmanship. The custom library they built is the centerpiece of our home.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
|
{ id: "2", name: "Sarah Miller", handle: "@smiller", testimonial: "Reliable, clean, and professional. The kitchen renovation exceeded our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-presenting-floor-plan-discussing-blueprint_74855-2763.jpg" },
|
|
{ id: "3", name: "Tom Anderson", handle: "@tanderson", testimonial: "MasterCraft is the go-to for complex framing and structural work. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/job-applicant-posing-cozy-apartment_273609-20526.jpg" },
|
|
{ id: "4", name: "Linda Chen", handle: "@lchen", testimonial: "Their attention to detail on our hardwood flooring project was unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/couple-showing-keys-new-house-moving-day_482257-24107.jpg" },
|
|
{ id: "5", name: "Robert Davis", handle: "@rdavis", testimonial: "Professional communication throughout the entire construction process. A joy to work with.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg" }
|
|
]}
|
|
title="Trusted by Homeowners"
|
|
description="See why clients choose MasterCraft for their building projects."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide detailed, no-obligation estimates for all projects." },
|
|
{ id: "q2", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your protection." },
|
|
{ id: "q3", title: "How long does a renovation take?", content: "Timelines vary by project scope; we provide a clear schedule during consultation." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
faqsAnimation="blur-reveal"
|
|
description="Everything you need to know about working with our team."
|
|
buttons={[{ text: "Contact Us for Custom Builds", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Let's Build"
|
|
title="Start Your Project"
|
|
description="Ready to bring your vision to life? Contact our experts today to discuss your construction goals."
|
|
imageSrc="http://img.b2bpic.net/free-photo/architecture_1098-16480.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-supervisor-communicating-with-foreman-outdoors_259150-60520.jpg"
|
|
logoText="MasterCraft Const."
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
|
{ title: "Resources", items: [{ label: "Estimates", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |