"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Porsche"
          navItems={[
            { name: "Models", id: "products" },
            { name: "Performance", id: "features" },
            { name: "Heritage", id: "about" },
            { name: "Innovation", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Engineering Excellence"
          bottomRightText="hello@porsche.com"
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Connect with Porsche Excellence"
          description="Ready to experience the pinnacle of automotive performance? Our dedicated specialists are here to help you discover your perfect Porsche and arrange an exclusive test drive tailored to your preferences."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "model", type: "text", placeholder: "Preferred Model", required: false },
            { name: "location", type: "text", placeholder: "Your Location", required: false }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your Porsche dreams and preferences...",
            rows: 6,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg"
          imageAlt="Porsche luxury sports car experience"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          buttonText="Schedule Consultation"
        />
      </div>

      {/* Customer Reviews */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Customer Experiences"
          description="Discover why discerning drivers choose Porsche for their automotive journey."
          testimonials={[
            {
              id: "1",
              name: "Sophie Laurent",
              role: "Vice President",
              company: "Elite Automotive",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-with-thumb-up-tablet_1262-2010.jpg",
              imageAlt: "Sophie Laurent"
            },
            {
              id: "2",
              name: "David Thompson",
              role: "COO",
              company: "Premium Motors",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
              imageAlt: "David Thompson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg"
          imageAlt="Porsche racing legacy"
          logoText="Porsche"
          copyrightText="© 2025 Porsche AG. All rights reserved."
          columns={[
            {
              title: "Models",
              items: [
                { label: "911", href: "products" },
                { label: "Cayenne", href: "products" },
                { label: "Panamera", href: "products" },
                { label: "Taycan", href: "products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "about" },
                { label: "Heritage", href: "about" },
                { label: "Innovation", href: "team" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Customer Service", href: "contact" },
                { label: "Warranty", href: "contact" },
                { label: "Service Centers", href: "contact" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}