Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import MetricCardThree from '@/components/sections/metric/MetricCardThree';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Droplets, History, Leaf, Camera } from "lucide-react";
@@ -49,6 +49,8 @@ export default function ParkPage() {
               { imageSrc: "https://img.b2bpic.net/free-photo/flamingos-in-salt-lake_482257-982.jpg", imageAlt: "Ecological life" }
             ]}
             mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Top Rated Park"
           />
         </div>
 
@@ -56,6 +58,7 @@ export default function ParkPage() {
           <TextSplitAbout
             title="Unique Geography"
             description={["The park covers over 3,700 hectares and is home to two distinct lagoons: La Mata and Torrevieja.", "Separated by a land strip known as 'El Chaparral', these wetlands create a microclimate influenced by the salt content and proximity to the Mediterranean Sea."]}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -68,6 +71,8 @@ export default function ParkPage() {
               { id: "h2", title: "Industrial Growth", content: "The 19th and 20th centuries saw major technological investments that modernized salt harvesting processes." }
             ]}
             imageSrc="https://img.b2bpic.net/free-photo/historic-salt-harvesting-tools_482257-111.jpg"
+            useInvertedBackground={false}
+            mediaAnimation="blur-reveal"
           />
         </div>
 
@@ -81,6 +86,8 @@ export default function ParkPage() {
               { id: "e3", icon: Camera, title: "Tourism Impact", value: "Millions" }
             ]}
             textboxLayout="split"
+            animationType="blur-reveal"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -91,6 +98,7 @@ export default function ParkPage() {
             description="Join us in protecting the delicate balance of this ecosystem through sustainable tourism and environmental education."
             buttons={[{ text: "Learn More about Conservation", href: "#" }]}
             background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
           />
         </div>