Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Building2, CheckCircle, Home, ShieldCheck, Sun } from "lucide-react";
|
||||
import { Award, Building2, CheckCircle, Home, ShieldCheck, Sun, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Twin Peaks"
|
||||
/>
|
||||
@@ -56,193 +41,86 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Built with Precision. Designed to Last."
|
||||
description="Twin Peaks Contracting LLC delivers high-quality residential construction, remodeling, and structural work with unmatched craftsmanship and attention to detail."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get a Free Estimate", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-showing-approval-outdoors_23-2148269269.jpg",
|
||||
imageAlt: "Hero image",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-bible-stand-sun-rays-light-faith_169016-71695.jpg",
|
||||
imageAlt: "Construction project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-modern-office_23-2147668769.jpg?_wi=1",
|
||||
imageAlt: "Bathroom remodel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg?_wi=1",
|
||||
imageAlt: "Deck build",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg?_wi=1",
|
||||
imageAlt: "Structural work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg?_wi=1",
|
||||
imageAlt: "Carpentry work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-showing-approval-outdoors_23-2148269269.jpg", imageAlt: "Hero image" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/open-bible-stand-sun-rays-light-faith_169016-71695.jpg", imageAlt: "Construction project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-modern-office_23-2147668769.jpg", imageAlt: "Bathroom remodel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg", imageAlt: "Deck build" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg", imageAlt: "Structural work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg", imageAlt: "Carpentry work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Craftsmanship You Can Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "5-Star Rated",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "5-Star Rated", value: "100%" },
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Building2, label: "Projects Completed", value: "500+" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="What We Do Best"
|
||||
description="Professional construction services for every stage of your home project."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Remodeling",
|
||||
description: "Bathrooms, basements, and full interior transformations.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Structural Repairs",
|
||||
description: "Reinforcements, joists, and foundational improvements.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Exterior Projects",
|
||||
description: "Decks, fencing, siding, roofing, and more.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Custom Carpentry",
|
||||
description: "Hand-built doors, detailed finishes, and unique work.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Hammer,
|
||||
},
|
||||
},
|
||||
{ title: "Custom Remodeling", description: "Bathrooms, basements, and full interior transformations.", bentoComponent: { bentoComponent: "reveal-icon", icon: Home } },
|
||||
{ title: "Structural Repairs", description: "Reinforcements, joists, and foundational improvements.", bentoComponent: { bentoComponent: "reveal-icon", icon: ShieldCheck } },
|
||||
{ title: "Exterior Projects", description: "Decks, fencing, siding, roofing, and more.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sun } },
|
||||
{ title: "Custom Carpentry", description: "Hand-built doors, detailed finishes, and unique work.", bentoComponent: { bentoComponent: "reveal-icon", icon: Wrench } },
|
||||
]}
|
||||
title="What We Do Best"
|
||||
description="Professional construction services for every stage of your home project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied Long Island homeowners."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eric M.",
|
||||
handle: "@ericm",
|
||||
testimonial: "Johan exceeded expectations on our full bathroom remodel. The level of care and detail was outstanding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-modern-office_23-2147668769.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Paula T.",
|
||||
handle: "@paulat",
|
||||
testimonial: "He kept me updated daily, was always on time, and delivered excellent work on my deck, fence, and doors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Colby V.",
|
||||
handle: "@colbyv",
|
||||
testimonial: "They reinforced our home's structure and completed everything in one day. Professional and efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Meaghan K.",
|
||||
handle: "@meaghank",
|
||||
testimonial: "From framing to electrical to custom doors—everything was done perfectly. Extremely helpful throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Eric M.", handle: "@ericm", testimonial: "Johan exceeded expectations on our full bathroom remodel. The level of care and detail was outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-modern-office_23-2147668769.jpg" },
|
||||
{ id: "2", name: "Paula T.", handle: "@paulat", testimonial: "He kept me updated daily, was always on time, and delivered excellent work on my deck, fence, and doors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498461.jpg" },
|
||||
{ id: "3", name: "Colby V.", handle: "@colbyv", testimonial: "They reinforced our home's structure and completed everything in one day. Professional and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg" },
|
||||
{ id: "4", name: "Meaghan K.", handle: "@meaghank", testimonial: "From framing to electrical to custom doors—everything was done perfectly. Extremely helpful throughout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185029.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied Long Island homeowners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Let’s bring your vision to life with expert craftsmanship and a team you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Estimate",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Estimate", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Twin Peaks Contracting"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user