import Image from "next/image"
import Link from "next/link"
import {
  ArrowRight,
  CheckCircle,
  ChevronRight,
  Clock,
  MapPin,
  MessageSquare,
  Phone,
  Star,
  PenToolIcon as Tool,
  TrendingUp,
  Truck,
  Users,
} from "lucide-react"

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import TestimonialCard from "@/components/testimonial-card"
import ProjectCard from "@/components/project-card"
import ServiceCard from "@/components/service-card"
import ProcessStep from "@/components/process-step"
import TeamMember from "@/components/team-member"
import PricingCalculator from "@/components/pricing-calculator"
import BlogPost from "@/components/blog-post"

export default function Home() {
  return (
    <div className="flex min-h-screen flex-col">
      {/* Sticky Navigation */}
      <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
        <div className="container flex h-16 items-center justify-between">
          <Link href="/" className="flex items-center gap-2">
            <TrendingUp className="h-6 w-6 text-primary" />
            <span className="text-xl font-bold">BuildWell</span>
          </Link>
          <nav className="hidden md:flex gap-6">
            <Link href="#about" className="text-sm font-medium hover:text-primary">
              About
            </Link>
            <Link href="#services" className="text-sm font-medium hover:text-primary">
              Services
            </Link>
            <Link href="#projects" className="text-sm font-medium hover:text-primary">
              Projects
            </Link>
            <Link href="#process" className="text-sm font-medium hover:text-primary">
              Process
            </Link>
            <Link href="#testimonials" className="text-sm font-medium hover:text-primary">
              Testimonials
            </Link>
            <Link href="#blog" className="text-sm font-medium hover:text-primary">
              Blog
            </Link>
          </nav>
          <div className="flex items-center gap-4">
            <Link href="#contact" className="hidden md:inline-flex">
              <Button>Get a Quote</Button>
            </Link>
            <Button variant="outline" size="icon" className="md:hidden">
              <span className="sr-only">Toggle menu</span>
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="24"
                height="24"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                strokeWidth="2"
                strokeLinecap="round"
                strokeLinejoin="round"
                className="h-6 w-6"
              >
                <line x1="4" x2="20" y1="12" y2="12" />
                <line x1="4" x2="20" y1="6" y2="6" />
                <line x1="4" x2="20" y1="18" y2="18" />
              </svg>
            </Button>
          </div>
        </div>
      </header>

      <main className="flex-1">
        {/* Hero Section */}
        <section className="relative h-[90vh] overflow-hidden">
          <div className="absolute inset-0 z-0">
            <Image
              src="/placeholder.svg?height=1080&width=1920"
              alt="Modern construction project in Warsaw"
              fill
              className="object-cover brightness-[0.7]"
              priority
            />
          </div>
          <div className="relative z-10 flex h-full items-center">
            <div className="container">
              <div className="max-w-2xl space-y-6">
                <h1 className="text-4xl font-bold tracking-tight text-white sm:text-5xl md:text-6xl">
                  Building Warsaw's Future, <span className="text-primary">One Project at a Time</span>
                </h1>
                <p className="text-lg text-white/90">
                  Premium construction services for homeowners, developers, and businesses. Quality craftsmanship with a
                  modern approach.
                </p>
                <div className="flex flex-col sm:flex-row gap-4">
                  <Button size="lg" className="w-full sm:w-auto">
                    Get a Free Estimate
                    <ArrowRight className="ml-2 h-4 w-4" />
                  </Button>
                  <Button
                    size="lg"
                    variant="outline"
                    className="w-full sm:w-auto bg-background/20 hover:bg-background/30 text-white border-white/20"
                  >
                    View Our Projects
                  </Button>
                </div>
              </div>
            </div>
          </div>
          <div className="absolute bottom-0 left-0 right-0 z-10 bg-gradient-to-t from-background to-transparent h-32"></div>
        </section>

        {/* About Us */}
        <section id="about" className="py-20">
          <div className="container">
            <div className="grid gap-12 lg:grid-cols-2 items-center">
              <div className="space-y-6">
                <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary">
                  About BuildWell
                </div>
                <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">
                  Warsaw's Premier Construction Partner Since 2005
                </h2>
                <p className="text-muted-foreground">
                  BuildWell has been transforming Warsaw's urban landscape for over 18 years. We combine traditional
                  craftsmanship with innovative techniques to deliver construction projects that exceed expectations.
                </p>
                <p className="text-muted-foreground">
                  Our team of 50+ skilled professionals is committed to quality, transparency, and sustainability in
                  every project we undertake – from residential renovations to commercial developments.
                </p>
                <div className="grid grid-cols-2 gap-4 pt-4">
                  <div className="flex items-center gap-2">
                    <CheckCircle className="h-5 w-5 text-primary" />
                    <span>Certified Professionals</span>
                  </div>
                  <div className="flex items-center gap-2">
                    <CheckCircle className="h-5 w-5 text-primary" />
                    <span>Transparent Pricing</span>
                  </div>
                  <div className="flex items-center gap-2">
                    <CheckCircle className="h-5 w-5 text-primary" />
                    <span>Sustainable Practices</span>
                  </div>
                  <div className="flex items-center gap-2">
                    <CheckCircle className="h-5 w-5 text-primary" />
                    <span>On-time Delivery</span>
                  </div>
                </div>
                <div className="pt-4">
                  <Button variant="outline">
                    Meet Our Team
                    <ChevronRight className="ml-2 h-4 w-4" />
                  </Button>
                </div>
              </div>
              <div className="grid grid-cols-2 gap-4">
                <div className="space-y-4">
                  <Image
                    src="/placeholder.svg?height=600&width=400"
                    alt="Team at work"
                    width={400}
                    height={600}
                    className="rounded-lg object-cover h-64"
                  />
                  <Image
                    src="/placeholder.svg?height=400&width=400"
                    alt="Construction site"
                    width={400}
                    height={400}
                    className="rounded-lg object-cover h-48"
                  />
                </div>
                <div className="space-y-4 pt-8">
                  <Image
                    src="/placeholder.svg?height=400&width=400"
                    alt="Completed project"
                    width={400}
                    height={400}
                    className="rounded-lg object-cover h-48"
                  />
                  <Image
                    src="/placeholder.svg?height=600&width=400"
                    alt="Architectural detail"
                    width={400}
                    height={600}
                    className="rounded-lg object-cover h-64"
                  />
                </div>
              </div>
            </div>

            {/* Team Members */}
            <div className="mt-20">
              <h3 className="text-2xl font-bold text-center mb-10">Meet Our Leadership Team</h3>
              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                <TeamMember
                  name="Aleksander Nowak"
                  role="Founder & CEO"
                  imageSrc="/placeholder.svg?height=400&width=400"
                />
                <TeamMember
                  name="Zofia Kowalska"
                  role="Chief Architect"
                  imageSrc="/placeholder.svg?height=400&width=400"
                />
                <TeamMember
                  name="Tomasz Wiśniewski"
                  role="Construction Manager"
                  imageSrc="/placeholder.svg?height=400&width=400"
                />
                <TeamMember
                  name="Maja Lewandowska"
                  role="Client Relations"
                  imageSrc="/placeholder.svg?height=400&width=400"
                />
              </div>
            </div>
          </div>
        </section>

        {/* Services */}
        <section id="services" className="py-20 bg-muted/50">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Our Services
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">
                Comprehensive Construction Solutions
              </h2>
              <p className="text-muted-foreground">
                From concept to completion, we offer a full range of construction services tailored to your specific
                needs and vision.
              </p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
              <ServiceCard
                title="Residential Renovations"
                description="Transform your living space with our comprehensive renovation services for apartments and houses."
                icon={<Tool className="h-10 w-10" />}
                imageSrc="/placeholder.svg?height=400&width=600"
              />
              <ServiceCard
                title="Home Extensions"
                description="Add valuable space to your property with our expertly designed and built home extensions."
                icon={<TrendingUp className="h-10 w-10" />}
                imageSrc="/placeholder.svg?height=400&width=600"
              />
              <ServiceCard
                title="Commercial Projects"
                description="Retail spaces, offices, and industrial facilities built to the highest standards of quality and efficiency."
                icon={<Users className="h-10 w-10" />}
                imageSrc="/placeholder.svg?height=400&width=600"
              />
              <ServiceCard
                title="Interior Design & Build"
                description="Comprehensive interior solutions that combine stunning design with quality construction."
                icon={<Truck className="h-10 w-10" />}
                imageSrc="/placeholder.svg?height=400&width=600"
              />
            </div>

            <div className="mt-12 text-center">
              <Button>
                View All Services
                <ChevronRight className="ml-2 h-4 w-4" />
              </Button>
            </div>
          </div>
        </section>

        {/* Projects/Portfolio */}
        <section id="projects" className="py-20">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Our Portfolio
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">Featured Projects in Warsaw</h2>
              <p className="text-muted-foreground">
                Browse our showcase of completed projects that demonstrate our expertise, attention to detail, and
                commitment to excellence.
              </p>
            </div>

            <Tabs defaultValue="all" className="w-full">
              <div className="flex justify-center mb-8">
                <TabsList>
                  <TabsTrigger value="all">All Projects</TabsTrigger>
                  <TabsTrigger value="residential">Residential</TabsTrigger>
                  <TabsTrigger value="commercial">Commercial</TabsTrigger>
                  <TabsTrigger value="renovation">Renovations</TabsTrigger>
                </TabsList>
              </div>

              <TabsContent value="all" className="mt-0">
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                  <ProjectCard
                    title="Modern Apartment Complex"
                    category="Residential"
                    location="Mokotów, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Office Building Renovation"
                    category="Commercial"
                    location="City Center, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Historic Townhouse Restoration"
                    category="Renovation"
                    location="Old Town, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Luxury Villa Construction"
                    category="Residential"
                    location="Wilanów, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Retail Space Development"
                    category="Commercial"
                    location="Praga, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Apartment Interior Redesign"
                    category="Renovation"
                    location="Żoliborz, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                </div>
              </TabsContent>

              <TabsContent value="residential" className="mt-0">
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                  <ProjectCard
                    title="Modern Apartment Complex"
                    category="Residential"
                    location="Mokotów, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Luxury Villa Construction"
                    category="Residential"
                    location="Wilanów, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                </div>
              </TabsContent>

              <TabsContent value="commercial" className="mt-0">
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                  <ProjectCard
                    title="Office Building Renovation"
                    category="Commercial"
                    location="City Center, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Retail Space Development"
                    category="Commercial"
                    location="Praga, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                </div>
              </TabsContent>

              <TabsContent value="renovation" className="mt-0">
                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                  <ProjectCard
                    title="Historic Townhouse Restoration"
                    category="Renovation"
                    location="Old Town, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                  <ProjectCard
                    title="Apartment Interior Redesign"
                    category="Renovation"
                    location="Żoliborz, Warsaw"
                    imageSrc="/placeholder.svg?height=600&width=800"
                  />
                </div>
              </TabsContent>
            </Tabs>

            <div className="mt-12 text-center">
              <Button variant="outline">
                View All Projects
                <ChevronRight className="ml-2 h-4 w-4" />
              </Button>
            </div>
          </div>
        </section>

        {/* Why Choose Us */}
        <section className="py-20 bg-primary/5">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Why Choose Us
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">The BuildWell Difference</h2>
              <p className="text-muted-foreground">
                What sets us apart from other construction companies in Warsaw? Our commitment to excellence in every
                aspect of our work.
              </p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <Users className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>Experienced Team</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    Our team consists of certified professionals with an average of 15+ years of experience in the
                    construction industry.
                  </p>
                </CardContent>
              </Card>

              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <Clock className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>On-Time Delivery</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    We pride ourselves on meeting deadlines without compromising on quality, with 95% of our projects
                    completed on schedule.
                  </p>
                </CardContent>
              </Card>

              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <Star className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>Quality Materials</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    We source only the highest quality materials from trusted suppliers to ensure durability and
                    longevity in all our constructions.
                  </p>
                </CardContent>
              </Card>

              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <MapPin className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>Local Expertise</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    With deep knowledge of Warsaw's building regulations and architectural styles, we navigate local
                    requirements with ease.
                  </p>
                </CardContent>
              </Card>

              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <MessageSquare className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>Clear Communication</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    We maintain open lines of communication throughout your project, with regular updates and a
                    dedicated project manager.
                  </p>
                </CardContent>
              </Card>

              <Card>
                <CardHeader className="pb-2">
                  <div className="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4">
                    <Tool className="h-6 w-6 text-primary" />
                  </div>
                  <CardTitle>Warranty & Support</CardTitle>
                </CardHeader>
                <CardContent>
                  <p className="text-muted-foreground">
                    All our work comes with a comprehensive warranty and ongoing support to ensure your complete
                    satisfaction.
                  </p>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

        {/* Testimonials */}
        <section id="testimonials" className="py-20">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Testimonials
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">What Our Clients Say</h2>
              <p className="text-muted-foreground">
                Don't just take our word for it. Hear from our satisfied clients about their experience working with
                BuildWell.
              </p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
              <TestimonialCard
                quote="BuildWell transformed our outdated apartment into a modern, functional space that exceeded our expectations. Their attention to detail was impressive."
                author="Anna Kowalczyk"
                role="Homeowner, Mokotów"
                rating={5}
                imageSrc="/placeholder.svg?height=100&width=100"
              />
              <TestimonialCard
                quote="As a property developer, I've worked with many construction companies, but BuildWell stands out for their professionalism, quality, and ability to meet deadlines."
                author="Piotr Nowak"
                role="Property Developer"
                rating={5}
                imageSrc="/placeholder.svg?height=100&width=100"
              />
              <TestimonialCard
                quote="The team at BuildWell helped us renovate our retail space with minimal disruption to our business. The result was beautiful and functional."
                author="Marta Wiśniewska"
                role="Business Owner, Warsaw"
                rating={5}
                imageSrc="/placeholder.svg?height=100&width=100"
              />
            </div>

            <div className="mt-12 text-center">
              <Button variant="outline">
                Read More Testimonials
                <ChevronRight className="ml-2 h-4 w-4" />
              </Button>
            </div>
          </div>
        </section>

        {/* Process / How We Work */}
        <section id="process" className="py-20 bg-muted/50">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Our Process
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">How We Work</h2>
              <p className="text-muted-foreground">
                Our streamlined process ensures a smooth experience from initial consultation to project completion.
              </p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
              <ProcessStep
                number="01"
                title="Consultation"
                description="We meet to discuss your vision, requirements, and budget to establish the project scope."
              />
              <ProcessStep
                number="02"
                title="Design & Planning"
                description="Our architects and designers create detailed plans and visualizations for your approval."
              />
              <ProcessStep
                number="03"
                title="Construction"
                description="Our skilled team executes the project with precision, keeping you informed at every stage."
              />
              <ProcessStep
                number="04"
                title="Completion & Handover"
                description="Final inspections ensure everything meets our high standards before project handover."
              />
            </div>
          </div>
        </section>

        {/* Pricing Calculator */}
        <section id="pricing" className="py-20">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">Pricing</div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">Estimate Your Project Cost</h2>
              <p className="text-muted-foreground">
                Use our calculator to get a rough estimate for your construction project. For a detailed quote, please
                contact us.
              </p>
            </div>

            <div className="max-w-3xl mx-auto">
              <PricingCalculator />
            </div>
          </div>
        </section>

        {/* Blog Section */}
        <section id="blog" className="py-20 bg-muted/50">
          <div className="container">
            <div className="text-center max-w-3xl mx-auto mb-16">
              <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary mb-4">
                Blog & Tips
              </div>
              <h2 className="text-3xl font-bold tracking-tight sm:text-4xl mb-4">Construction Insights</h2>
              <p className="text-muted-foreground">
                Expert advice, industry trends, and helpful tips for your construction projects.
              </p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
              <BlogPost
                title="5 Trends Shaping Warsaw's Residential Architecture"
                excerpt="Discover the latest design and construction trends influencing residential buildings in Warsaw."
                date="June 15, 2023"
                author="Aleksander Nowak"
                category="Design Trends"
                imageSrc="/placeholder.svg?height=400&width=600"
              />
              <BlogPost
                title="Sustainable Building Materials for Modern Construction"
                excerpt="Explore eco-friendly materials that don't compromise on quality or aesthetics for your next project."
                date="May 28, 2023"
                author="Zofia Kowalska"
                category="Sustainability"
                imageSrc="/placeholder.svg?height=400&width=600"
              />
              <BlogPost
                title="Renovation vs. Rebuild: Making the Right Choice"
                excerpt="Factors to consider when deciding whether to renovate your existing property or start fresh."
                date="April 10, 2023"
                author="Tomasz Wiśniewski"
                category="Planning"
                imageSrc="/placeholder.svg?height=400&width=600"
              />
            </div>

            <div className="mt-12 text-center">
              <Button variant="outline">
                View All Articles
                <ChevronRight className="ml-2 h-4 w-4" />
              </Button>
            </div>
          </div>
        </section>

        {/* Contact Section */}
        <section id="contact" className="py-20">
          <div className="container">
            <div className="grid gap-12 lg:grid-cols-2">
              <div className="space-y-6">
                <div className="inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary">Contact Us</div>
                <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Get in Touch</h2>
                <p className="text-muted-foreground">
                  Ready to start your construction project? Contact us for a consultation and free estimate. Our team is
                  ready to bring your vision to life.
                </p>

                <div className="space-y-4 pt-4">
                  <div className="flex items-start gap-4">
                    <MapPin className="h-5 w-5 text-primary mt-1" />
                    <div>
                      <h3 className="font-medium">Our Office</h3>
                      <p className="text-muted-foreground">ul. Konstruktorska 12, 02-673 Warsaw, Poland</p>
                    </div>
                  </div>
                  <div className="flex items-start gap-4">
                    <Phone className="h-5 w-5 text-primary mt-1" />
                    <div>
                      <h3 className="font-medium">Phone</h3>
                      <p className="text-muted-foreground">+48 22 123 4567</p>
                    </div>
                  </div>
                  <div className="flex items-start gap-4">
                    <MessageSquare className="h-5 w-5 text-primary mt-1" />
                    <div>
                      <h3 className="font-medium">Email</h3>
                      <p className="text-muted-foreground">info@buildwell.pl</p>
                    </div>
                  </div>
                </div>

                <div className="pt-4">
                  <h3 className="font-medium mb-2">Follow Us</h3>
                  <div className="flex gap-4">
                    <Link
                      href="#"
                      className="h-10 w-10 flex items-center justify-center rounded-full bg-muted hover:bg-muted/80"
                    >
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                        className="h-5 w-5"
                      >
                        <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
                      </svg>
                      <span className="sr-only">Facebook</span>
                    </Link>
                    <Link
                      href="#"
                      className="h-10 w-10 flex items-center justify-center rounded-full bg-muted hover:bg-muted/80"
                    >
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                        className="h-5 w-5"
                      >
                        <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
                        <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                        <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                      </svg>
                      <span className="sr-only">Instagram</span>
                    </Link>
                    <Link
                      href="#"
                      className="h-10 w-10 flex items-center justify-center rounded-full bg-muted hover:bg-muted/80"
                    >
                      <svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        strokeWidth="2"
                        strokeLinecap="round"
                        strokeLinejoin="round"
                        className="h-5 w-5"
                      >
                        <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
                      </svg>
                      <span className="sr-only">Twitter</span>
                    </Link>
                  </div>
                </div>
              </div>

              <div className="space-y-6">
                <div className="rounded-lg border bg-card text-card-foreground shadow-sm p-6">
                  <h3 className="text-xl font-bold mb-4">Request a Quote</h3>
                  <form className="space-y-4">
                    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
                      <div className="space-y-2">
                        <label
                          htmlFor="name"
                          className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                        >
                          Name
                        </label>
                        <Input id="name" placeholder="Your name" />
                      </div>
                      <div className="space-y-2">
                        <label
                          htmlFor="email"
                          className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                        >
                          Email
                        </label>
                        <Input id="email" type="email" placeholder="Your email" />
                      </div>
                    </div>
                    <div className="space-y-2">
                      <label
                        htmlFor="phone"
                        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                      >
                        Phone
                      </label>
                      <Input id="phone" placeholder="Your phone number" />
                    </div>
                    <div className="space-y-2">
                      <label
                        htmlFor="service"
                        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                      >
                        Service Interested In
                      </label>
                      <select
                        id="service"
                        className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                      >
                        <option value="">Select a service</option>
                        <option value="renovation">Residential Renovation</option>
                        <option value="extension">Home Extension</option>
                        <option value="commercial">Commercial Project</option>
                        <option value="interior">Interior Design & Build</option>
                        <option value="other">Other</option>
                      </select>
                    </div>
                    <div className="space-y-2">
                      <label
                        htmlFor="message"
                        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                      >
                        Project Details
                      </label>
                      <Textarea id="message" placeholder="Tell us about your project" className="min-h-[120px]" />
                    </div>
                    <Button type="submit" className="w-full">
                      Submit Request
                    </Button>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>

      <footer className="bg-muted/30 border-t">
        <div className="container py-12">
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            <div>
              <Link href="/" className="flex items-center gap-2 mb-4">
                <TrendingUp className="h-6 w-6 text-primary" />
                <span className="text-xl font-bold">BuildWell</span>
              </Link>
              <p className="text-muted-foreground mb-4">
                Premium construction services in Warsaw. Quality craftsmanship with a modern approach.
              </p>
              <p className="text-sm text-muted-foreground">
                © {new Date().getFullYear()} BuildWell. All rights reserved.
              </p>
            </div>

            <div>
              <h3 className="font-medium text-lg mb-4">Quick Links</h3>
              <ul className="space-y-2">
                <li>
                  <Link href="#about" className="text-muted-foreground hover:text-primary">
                    About Us
                  </Link>
                </li>
                <li>
                  <Link href="#services" className="text-muted-foreground hover:text-primary">
                    Services
                  </Link>
                </li>
                <li>
                  <Link href="#projects" className="text-muted-foreground hover:text-primary">
                    Projects
                  </Link>
                </li>
                <li>
                  <Link href="#testimonials" className="text-muted-foreground hover:text-primary">
                    Testimonials
                  </Link>
                </li>
                <li>
                  <Link href="#blog" className="text-muted-foreground hover:text-primary">
                    Blog
                  </Link>
                </li>
                <li>
                  <Link href="#contact" className="text-muted-foreground hover:text-primary">
                    Contact
                  </Link>
                </li>
              </ul>
            </div>

            <div>
              <h3 className="font-medium text-lg mb-4">Services</h3>
              <ul className="space-y-2">
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Residential Renovations
                  </Link>
                </li>
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Home Extensions
                  </Link>
                </li>
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Commercial Projects
                  </Link>
                </li>
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Interior Design & Build
                  </Link>
                </li>
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Architectural Services
                  </Link>
                </li>
                <li>
                  <Link href="#" className="text-muted-foreground hover:text-primary">
                    Project Management
                  </Link>
                </li>
              </ul>
            </div>

            <div>
              <h3 className="font-medium text-lg mb-4">Newsletter</h3>
              <p className="text-muted-foreground mb-4">
                Subscribe to our newsletter for the latest updates and insights.
              </p>
              <form className="space-y-2">
                <Input type="email" placeholder="Your email address" />
                <Button type="submit" className="w-full">
                  Subscribe
                </Button>
              </form>
              <p className="text-xs text-muted-foreground mt-2">
                By subscribing, you agree to our{" "}
                <Link href="#" className="underline underline-offset-2">
                  Privacy Policy
                </Link>
              </p>
            </div>
          </div>
        </div>
        <div className="border-t">
          <div className="container py-6 flex flex-col md:flex-row justify-between items-center gap-4">
            <p className="text-xs text-muted-foreground">Designed and developed by BuildWell Digital Team</p>
            <div className="flex gap-4">
              <Link href="#" className="text-xs text-muted-foreground hover:text-primary">
                Privacy Policy
              </Link>
              <Link href="#" className="text-xs text-muted-foreground hover:text-primary">
                Terms of Service
              </Link>
              <Link href="#" className="text-xs text-muted-foreground hover:text-primary">
                Cookie Policy
              </Link>
            </div>
          </div>
        </div>
      </footer>
    </div>
  )
}