Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -9,21 +9,21 @@ 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, Quote, Package } from "lucide-react";
+import { Goal, Trophy, Users, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="large"
+      contentWidth="medium"
-      sizing="mediumSizeExtraLargeSpacing"
+      sizing="medium"
-      background="grid"
+      background="circleGradient"
-      cardStyle="floating"
+      cardStyle="glass-elevated"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -40,14 +40,13 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogo
           logoText="Gabriele Ghione"
-          description="Professional soccer player and dedicated student balancing athletic excellence with academic achievement"
+          description="Professional soccer player and dedicated student pursuing excellence on and off the field"
-          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"
-          showDimOverlay={true}
+          buttons={[
+            { text: "View Achievements", href: "achievements" },
+            { text: "Contact Me", href: "contact" }
+          ]}
         />
       </div>
 
@@ -78,7 +77,6 @@ export default function LandingPage() {
           animationType="slide-up"
           containerStyle="default"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -91,6 +89,7 @@ export default function LandingPage() {
               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"
             },
@@ -98,6 +97,7 @@ export default function LandingPage() {
               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"
             },
@@ -105,6 +105,7 @@ export default function LandingPage() {
               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"
             }
@@ -113,7 +114,6 @@ export default function LandingPage() {
           animationType="slide-up"
           containerStyle="default"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -154,7 +154,6 @@ export default function LandingPage() {
           animationType="slide-up"
           containerStyle="default"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -164,7 +163,6 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           animationType="background-highlight"
-          useInvertedBackground="noInvert"
         />
       </div>