Update src/app/page.tsx

src/app/page.tsx

@@ -2,19 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { CheckCircle, Shield, Users } from "lucide-react";
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+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";
 
-export default function LandingPage() {
+export default function ParkPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -29,302 +26,88 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+          <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={[
-        {
+              { name: "Geography", id: "geography" },
-          name: "Features",
+              { name: "History", id: "history" },
-          id: "features",
+              { name: "Ecology", id: "ecology" },
-        },
+              { name: "Conservation", id: "conservation" }
-        {
+            ]}
-          name: "Pricing",
+            brandName="Parque Natural de La Mata y Torrevieja"
-          id: "pricing",
+          />
-        },
+        </div>
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Innovate"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+          <HeroBillboardGallery
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+            title="Parque Natural de La Mata y Torrevieja"
-      }}
+            description="Discover the stunning pink lagoons and rich cultural history of this unique Mediterranean salt landscape."
-      title="Build Smarter Software"
+            mediaItems={[
-      description="Unlock efficiency with our all-in-one AI platform designed for modern tech teams."
+              { imageSrc: "https://img.b2bpic.net/free-photo/view-pink-salt-lake-torrevieja_23-2148762589.jpg", imageAlt: "Pink lagoon vista" },
-      buttons={[
+              { imageSrc: "https://img.b2bpic.net/free-photo/salt-mountains-in-torrevieja_482257-234.jpg", imageAlt: "Salt production" },
-        {
+              { imageSrc: "https://img.b2bpic.net/free-photo/flamingos-in-salt-lake_482257-982.jpg", imageAlt: "Ecological life" }
-          text: "Get Started",
+            ]}
-          href: "#contact",
+            mediaAnimation="blur-reveal"
-        },
+          />
-      ]}
+        </div>
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
-          imageAlt: "Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/junior-developer-sitting-down-desk-showing-laptop-with-source-code-senior-dev-asking-opinion-programer-writing-algorithm-interrupted-by-colleague-wanting-help-with-fixing-errors_482257-41823.jpg",
-          imageAlt: "Development",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/engineer-oversees-ai-neural-network_482257-75607.jpg",
-          imageAlt: "Networking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719641.jpg",
-          imageAlt: "AI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side-with-white-background_187299-39851.jpg",
-          imageAlt: "Mobile",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-laptop-screen-with-enterprise-resource-planning-showing-moving-charts-growing-turnover-busy-startup-office-selective-focus-portable-computer-with-business-mangement-software_482257-51766.jpg",
-          imageAlt: "Workflow",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="geography" data-section="geography">
-      <MediaAbout
+          <TextSplitAbout
-      useInvertedBackground={false}
+            title="Unique Geography"
-      title="Engineered for Growth"
+            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."]}
-      description="We build scalable software solutions that empower teams to achieve their goals faster, with precision and ease."
+            useInvertedBackground={false}
-      imageSrc="http://img.b2bpic.net/free-photo/system-admin-working-diverse-computer-network-security-data-center_482257-118332.jpg"
+          />
-      imageAlt="Office"
+        </div>
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="history" data-section="history">
-      <FeatureCardOne
+          <FeatureCardTwentyOne
-      animationType="slide-up"
+            title="A Legacy of Salt"
-      textboxLayout="default"
+            description="The salt mines of Torrevieja have been historically significant since the 13th century, shaping the region's economic and cultural identity."
-      gridVariant="three-columns-all-equal-width"
+            accordionItems={[
-      useInvertedBackground={true}
+              { id: "h1", title: "Ancient Origins", content: "Evidence of salt extraction dates back centuries, providing essential preservation for regional food supplies." },
-      features={[
+              { id: "h2", title: "Industrial Growth", content: "The 19th and 20th centuries saw major technological investments that modernized salt harvesting processes." }
-        {
+            ]}
-          title: "Data Analytics",
+            imageSrc="https://img.b2bpic.net/free-photo/historic-salt-harvesting-tools_482257-111.jpg"
-          description: "Real-time insights for better decisions.",
+            useInvertedBackground={false}
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
+            mediaAnimation="blur-reveal"
-          imageAlt: "Data",
+          />
-        },
+        </div>
-        {
-          title: "Team Collaboration",
-          description: "Streamlined communication and tasks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-119816.jpg",
-          imageAlt: "Team",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/red-particles-abstract-starry-night_23-2148241335.jpg",
-          imageAlt: "Cloud",
-          title: "Cloud Infrastructure",
-          description: "Robust and reliable hosting solutions.",
-        },
-      ]}
-      title="Core Capabilities"
-      description="Powerful tools for today's innovation needs."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="ecology" data-section="ecology">
-      <MetricCardOne
+          <MetricCardThree
-      animationType="slide-up"
+            title="Ecological Value"
-      textboxLayout="default"
+            description="The park acts as a vital sanctuary for numerous protected species and endemic flora."
-      gridVariant="uniform-all-items-equal"
+            metrics={[
-      useInvertedBackground={false}
+              { id: "e1", icon: Leaf, title: "Protected Flora", value: "80+ Species" },
-      metrics={[
+              { id: "e2", icon: Droplets, title: "Water Surface", value: "3,700ha" },
-        {
+              { id: "e3", icon: Camera, title: "Tourism Impact", value: "Millions" }
-          id: "m1",
+            ]}
-          value: "500+",
+            textboxLayout="split"
-          title: "Happy Teams",
+            animationType="blur-reveal"
-          description: "Global user base.",
+            useInvertedBackground={false}
-          icon: Users,
+          />
-        },
+        </div>
-        {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Stable performance.",
-          icon: Shield,
-        },
-        {
-          id: "m3",
-          value: "450k",
-          title: "Tasks Completed",
-          description: "Daily throughput.",
-          icon: CheckCircle,
-        },
-      ]}
-      title="By The Numbers"
-      description="Evidence-based results for our clients."
-    />
-  </div>
 
-  <div id="pricing" data-section="pricing">
+        <div id="conservation" data-section="conservation">
-      <PricingCardThree
+          <ContactCTA
-      animationType="slide-up"
+            tag="Preservation"
-      textboxLayout="default"
+            title="Commitment to Conservation"
-      useInvertedBackground={true}
+            description="Join us in protecting the delicate balance of this ecosystem through sustainable tourism and environmental education."
-      plans={[
+            buttons={[{ text: "Learn More about Conservation", href: "#" }]}
-        {
+            background={{ variant: "sparkles-gradient" }}
-          id: "basic",
+            useInvertedBackground={false}
-          price: "$29",
+          />
-          name: "Basic",
+        </div>
-          buttons: [
-            {
-              text: "Select Basic",
-              href: "#",
-            },
-          ],
-          features: [
-            "Feature A",
-            "Feature B",
-            "Standard Support",
-          ],
-        },
-        {
-          id: "pro",
-          price: "$99",
-          name: "Pro",
-          buttons: [
-            {
-              text: "Select Pro",
-              href: "#",
-            },
-          ],
-          features: [
-            "All Basic",
-            "Advanced Analytics",
-            "24/7 Support",
-          ],
-        },
-      ]}
-      title="Flexible Pricing"
-      description="Select the plan that fits your business stage."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="footer" data-section="footer">
-      <TestimonialCardFifteen
+          <FooterLogoReveal
-      useInvertedBackground={false}
+            logoText="Parque Natural"
-      testimonial="This platform transformed our entire workflow. Essential for any serious team."
+            leftLink={{ text: "Privacy Policy", href: "#" }}
-      rating={5}
+            rightLink={{ text: "Contact Info", href: "#" }}
-      author="Jane Doe, CTO"
+          />
-      avatars={[
+        </div>
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-          alt: "Jane",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
-          alt: "John",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202451.jpg",
-          alt: "Alice",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
-          alt: "Bob",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
-          alt: "Charlie",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "faq1",
-          title: "How do I get started?",
-          content: "Sign up and create your first project.",
-        },
-        {
-          id: "faq2",
-          title: "Do you offer trials?",
-          content: "Yes, we offer a 14-day free trial.",
-        },
-        {
-          id: "faq3",
-          title: "Is support included?",
-          content: "Yes, all plans include email support.",
-        },
-      ]}
-      title="Common Questions"
-      description="Find answers quickly."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to get started? Contact our team today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Innovate"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}