357b96b6-3dbd-40bd-83c6-4e9b5cafb29f/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Goal, Trophy, Users, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="large"
      sizing="mediumSizeExtraLargeSpacing"
      background="grid"
      cardStyle="floating"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Gabriele Ghione"
          navItems={[
            { name: "About", id: "about" },
            { name: "Achievements", id: "achievements" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Gabriele Ghione"
          description="Professional soccer player and dedicated student balancing athletic excellence with academic achievement"
          buttons={[
            { text: "View Achievements", href: "achievements" },
            { text: "Get In Touch", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343318478-c9cpv6qm.jpg"
          imageAlt="Gabriele Ghione soccer player"
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Soccer Player & Student"
          description="Gabriele combines passion for the game with commitment to education. With years of competitive soccer experience, he brings discipline, teamwork, and determination to everything he pursues. Currently balancing professional soccer training with academic studies."
          tag="About Me"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343319342-854i4iax.jpg"
          imageAlt="Soccer stadium background"
          buttons={[
            { text: "Learn More", href: "achievements" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="achievements" data-section="achievements">
        <MetricCardThree
          title="Key Achievements"
          description="Milestones in soccer and academics"
          metrics={[
            { id: "1", icon: Goal, title: "Goals Scored", value: "47+" },
            { id: "2", icon: Trophy, title: "Championships", value: "8" },
            { id: "3", icon: Users, title: "Teams Played", value: "5" },
            { id: "4", icon: Award, title: "Academic GPA", value: "3.8" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardSix
          title="Match Gallery"
          description="Moments from competitive soccer journey"
          products={[
            {
              id: "1",
              name: "Championship Match",
              price: "2024",
              variant: "",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349631035-it0ynrs9.jpg",
              imageAlt: "Championship soccer match"
            },
            {
              id: "2",
              name: "League Tournament",
              price: "2023",
              variant: "",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349631961-mmmp9m3t.jpg",
              imageAlt: "League tournament action"
            },
            {
              id: "3",
              name: "Team Victory",
              price: "2024",
              variant: "",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349632833-fq6pft5y.jpg",
              imageAlt: "Team celebration after victory"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What People Say"
          description="Testimonials from coaches, teammates, and mentors"
          testimonials={[
            {
              id: "1",
              name: "Coach Marco",
              role: "Head Coach",
              testimonial: "Gabriele is an exceptional athlete with leadership qualities. His dedication to improvement and team success sets him apart from other players.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
            },
            {
              id: "2",
              name: "Alessandro",
              role: "Teammate",
              testimonial: "Playing alongside Gabriele taught me the importance of consistency and professionalism. He elevates everyone around him.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343323260-wmu2pum7.jpg"
            },
            {
              id: "3",
              name: "Prof. Dr. Silva",
              role: "University Professor",
              testimonial: "Gabriele balances sports and studies remarkably well. His focus and discipline are evident in both areas.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634800-fv3ng5do.jpg"
            },
            {
              id: "4",
              name: "Lucia",
              role: "Student & Peer",
              testimonial: "What impresses me most is Gabriele's ability to succeed in competitive sports while maintaining academic excellence.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766343319342-854i4iax.jpg"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to connect? Get in touch for partnerships, events, or inquiries."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          animationType="background-highlight"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Gabriele Ghione"
        />
      </div>
    </ThemeProvider>
  );
}