226 lines
15 KiB
TypeScript
226 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import {
|
||
BadgeCheck,
|
||
Bath,
|
||
Building,
|
||
ClipboardCheck,
|
||
Diamond,
|
||
Hammer,
|
||
Home,
|
||
Image,
|
||
Layers,
|
||
Mail,
|
||
Star,
|
||
Trees,
|
||
} from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmall"
|
||
background="blurBottom"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<main>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Projects", id: "projects" },
|
||
{ name: "Process", id: "process" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Lakeside Construction"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
title="Built to Endure. Designed to Impress."
|
||
description="Luxury residential construction and renovations crafted with precision and integrity."
|
||
carouselItems={[
|
||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Stunning lakefront luxury home at sunset" },
|
||
]}
|
||
buttons={[
|
||
{ text: "Request a Consultation", href: "#contact" },
|
||
{ text: "View Our Work", href: "#projects" },
|
||
]}
|
||
background={{ variant: "downward-rays-static-grid" }}
|
||
tag="Lakeside Construction Inc."
|
||
tagIcon={Building}
|
||
autoPlay={true}
|
||
autoPlayInterval={5000}
|
||
ariaLabel="Hero section for Lakeside Construction Inc."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
title="Trusted with Your Vision"
|
||
description="Our unwavering commitment to excellence is backed by decades of experience and client satisfaction."
|
||
logos={[
|
||
"https://img.b2bpic.net/free-vector/set-labour-day-labels-with-yellow-frames_23-2147617898.jpg", "https://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752886.jpg", "https://img.b2bpic.net/free-vector/set-labour-day-labels-with-yellow-frames_23-2147617898.jpg", "https://img.b2bpic.net/free-vector/iron-sheet-first-place-with-red-ribbon_23-2147486017.jpg", "https://img.b2bpic.net/free-vector/luxury-sales-stickers_23-2147567188.jpg"]}
|
||
names={["Licensed", "Insured", "Experienced", "5-Star Rated", "Premium Materials"]}
|
||
tag="Our Commitment"
|
||
tagIcon={BadgeCheck}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Crafting Legacies, " },
|
||
{ type: "image", src: "https://img.b2bpic.net/free-photo/front-view-people-with-helmets-crossed-arms_23-2148269332.jpg", alt: "Lakeside Construction Team Photo" },
|
||
{ type: "text", content: "Building Futures." },
|
||
]}
|
||
buttons={[{ text: "Learn More About Us", href: "#about" }]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureBorderGlow
|
||
features={[
|
||
{ icon: Home, title: "Custom Home Builds", description: "From concept to completion, we craft bespoke luxury homes tailored to your unique lifestyle and vision." },
|
||
{ icon: Layers, title: "Luxury Renovations", description: "Elevate your existing property with high-end renovations that blend modern aesthetics with timeless elegance." },
|
||
{ icon: Building, title: "Additions & Expansions", description: "Seamlessly integrate new spaces that enhance functionality and expand the footprint of your custom home." },
|
||
{ icon: Bath, title: "Kitchens & Bathrooms", description: "Transform essential spaces into opulent retreats with custom designs, premium materials, and exquisite finishes." },
|
||
{ icon: Trees, title: "Outdoor Living & Lakefront Projects", description: "Design and build breathtaking outdoor spaces, including bespoke lakefront docks, patios, and entertainment areas." },
|
||
]}
|
||
title="Our Expertise, Your Vision"
|
||
description="Discover our comprehensive range of premium construction and renovation services."
|
||
tag="Services"
|
||
tagIcon={Hammer}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<ProductCardFour
|
||
products={[
|
||
{ id: "1", name: "The Lakeview Estate", price: "Custom Build", variant: "Lakefront Modern", imageSrc: "https://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694118.jpg", imageAlt: "The Lakeview Estate - Lakefront Modern home" },
|
||
{ id: "2", name: "Hillside Renovation", price: "Luxury Renovation", variant: "Contemporary Interior", imageSrc: "https://img.b2bpic.net/free-photo/family-is-resting-windowsill-bed_651396-2780.jpg", imageAlt: "Hillside Renovation - Contemporary Interior design" },
|
||
{ id: "3", name: "Water's Edge Oasis", price: "Outdoor Living", variant: "Bespoke Lakeside Patio", imageSrc: "https://img.b2bpic.net/free-photo/outdoor-deck_1203-3200.jpg", imageAlt: "Water's Edge Oasis - Bespoke Lakeside Patio" },
|
||
{ id: "4", name: "The Summit Residence", price: "Custom Build", variant: "Mountain Modern", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920917.jpg", imageAlt: "The Summit Residence - Mountain Modern architecture" },
|
||
]}
|
||
title="Featured Projects"
|
||
description="A curated showcase of our most distinguished custom builds and luxury renovations."
|
||
tag="Our Work"
|
||
tagIcon={Image}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
gridVariant="default"
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<MetricCardTen
|
||
metrics={[
|
||
{ id: "1", title: "Initial Consultation", subtitle: "Understanding your vision and project goals.", category: "Step 1", value: "Discover" },
|
||
{ id: "2", title: "Design & Planning", subtitle: "Crafting bespoke architectural plans and material selections.", category: "Step 2", value: "Design" },
|
||
{ id: "3", title: "Precision Construction", subtitle: "Expert execution with meticulous attention to detail.", category: "Step 3", value: "Build" },
|
||
{ id: "4", title: "Final Walkthrough & Handover", subtitle: "Ensuring every detail exceeds your expectations.", category: "Step 4", value: "Complete" },
|
||
]}
|
||
title="Our Seamless Process"
|
||
description="Experience a transparent and collaborative journey from conception to completion."
|
||
tag="How We Build"
|
||
tagIcon={ClipboardCheck}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
testimonials={[
|
||
{ id: "1", name: "Mr. & Mrs. Anderson, Lakefront Homeowners", date: "Date: October 2023", title: "Unparalleled Quality & Professionalism", quote: "Lakeside Construction Inc. transformed our lakefront property into an absolute masterpiece. Their attention to detail, transparent communication, and commitment to quality were truly unparalleled. We couldn't be happier with our custom home.", tag: "Custom Home Build", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h7mpxz", imageAlt: "Luxury lakefront home" },
|
||
{ id: "2", name: "Dr. Eleanor Vance, Executive", date: "Date: August 2024", title: "A Renovation Beyond Expectation", quote: "We entrusted Lakeside Construction Inc. with a significant renovation of our historic property, and they exceeded every expectation. The team's craftsmanship and dedication to preserving the home's character while adding modern luxury was remarkable. Highly recommend.", tag: "Luxury Renovation", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwxwul", imageSrc: "https://img.b2bpic.net/free-photo/family-is-resting-windowsill-bed_651396-2780.jpg", imageAlt: "Renovated luxury interior" },
|
||
{ id: "3", name: "Mr. Robert Sterling, Entrepreneur", date: "Date: July 2023", title: "Integrity and Craftsmanship Personified", quote: "Working with Lakeside Construction Inc. was a pleasure. They delivered our addition on time and within budget, with an incredible level of integrity and superior craftsmanship. It seamlessly blends with our existing home, enhancing both beauty and value.", tag: "Home Addition", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9t4ty1", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920917.jpg", imageAlt: "Modern home addition" },
|
||
{ id: "4", name: "Ms. Olivia Chen, Investor", date: "Date: May 2024", title: "Truly a Partner in Building Dreams", quote: "Lakeside Construction Inc. didn't just build a house; they built our dream home. Their team was professional, responsive, and incredibly skilled. From the initial design to the final touches, they were true partners, ensuring our vision came to life flawlessly.", tag: "Custom Home Build", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Custom built luxury home" },
|
||
]}
|
||
title="Hear From Our Valued Clients"
|
||
description="Read what affluent homeowners say about their experience with Lakeside Construction Inc."
|
||
tag="Testimonials"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta-banner" data-section="cta-banner">
|
||
<ContactCTA
|
||
tag="Your Dream Project Awaits"
|
||
title="Let’s Build Something Exceptional."
|
||
description="Ready to discuss your custom home or luxury renovation? Schedule a consultation with our expert team today."
|
||
buttons={[{ text: "Request a Consultation", href: "#contact" }]}
|
||
background={{ variant: "downward-rays-animated-grid" }}
|
||
tagIcon={Diamond}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Get in Touch"
|
||
title="Start Your Project Today."
|
||
description="Contact us to discuss your vision. Our team is ready to provide a personalized consultation."
|
||
buttons={[
|
||
{ text: "Name, Email, Phone, Project Type, Budget Range, Message", onClick: () => alert('Contact Form would open here'), props: { className: "max-w-prose" } },
|
||
{ text: "Phone: (555) 123-4567", href: "tel:+15551234567" },
|
||
{ text: "Email: info@lakesideconstruction.com", href: "mailto:info@lakesideconstruction.com" },
|
||
{ text: "Service Area: Greater Lake Region", href: "#" },
|
||
]}
|
||
background={{ variant: "canvas-reveal" }}
|
||
tagIcon={Mail}
|
||
textBoxClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
|
||
buttonClassName="col-span-full md:col-span-1 lg:col-span-1"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Projects", href: "#projects" }] },
|
||
{ items: [{ label: "Process", href: "#process" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "/privacy" }] },
|
||
{ items: [{ label: "Careers", href: "/careers" }, { label: "Sitemap", href: "/sitemap" }] },
|
||
]}
|
||
logoText="Lakeside Construction Inc."
|
||
/>
|
||
</div>
|
||
</main>
|
||
</ThemeProvider>
|
||
);
|
||
}
|