Merge version_1 into main #1
240
src/app/page.tsx
240
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="MasterCraft Const."
|
||||
/>
|
||||
@@ -54,37 +46,14 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -103,24 +72,9 @@ export default function LandingPage() {
|
||||
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: "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."
|
||||
@@ -134,42 +88,12 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -182,21 +106,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Completed Projects" },
|
||||
{ id: "m2", value: "25", description: "Years Experience" },
|
||||
{ id: "m3", value: "100%", description: "Client Satisfaction" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -208,41 +120,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -254,21 +136,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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"
|
||||
@@ -279,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
@@ -295,32 +163,8 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Resources", items: [{ label: "Estimates", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user