Merge version_2 into main #1
379
src/app/page.tsx
379
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 TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { CheckCircle, Shield, Users } from "lucide-react";
|
||||
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 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,82 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Innovate"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Geography", id: "geography" },
|
||||
{ name: "History", id: "history" },
|
||||
{ name: "Ecology", id: "ecology" },
|
||||
{ name: "Conservation", id: "conservation" }
|
||||
]}
|
||||
brandName="Parque Natural de La Mata y Torrevieja"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Build Smarter Software"
|
||||
description="Unlock efficiency with our all-in-one AI platform designed for modern tech teams."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
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="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ 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."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/view-pink-salt-lake-torrevieja_23-2148762589.jpg", imageAlt: "Pink lagoon vista" },
|
||||
{ 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" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Growth"
|
||||
description="We build scalable software solutions that empower teams to achieve their goals faster, with precision and ease."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/system-admin-working-diverse-computer-network-security-data-center_482257-118332.jpg"
|
||||
imageAlt="Office"
|
||||
/>
|
||||
</div>
|
||||
<div id="geography" data-section="geography">
|
||||
<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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Real-time insights for better decisions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
imageAlt: "Data",
|
||||
},
|
||||
{
|
||||
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="history" data-section="history">
|
||||
<FeatureCardTwentyOne
|
||||
title="A Legacy of Salt"
|
||||
description="The salt mines of Torrevieja have been historically significant since the 13th century, shaping the region's economic and cultural identity."
|
||||
accordionItems={[
|
||||
{ id: "h1", title: "Ancient Origins", content: "Evidence of salt extraction dates back centuries, providing essential preservation for regional food supplies." },
|
||||
{ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Teams",
|
||||
description: "Global user base.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
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="ecology" data-section="ecology">
|
||||
<MetricCardThree
|
||||
title="Ecological Value"
|
||||
description="The park acts as a vital sanctuary for numerous protected species and endemic flora."
|
||||
metrics={[
|
||||
{ id: "e1", icon: Leaf, title: "Protected Flora", value: "80+ Species" },
|
||||
{ id: "e2", icon: Droplets, title: "Water Surface", value: "3,700ha" },
|
||||
{ id: "e3", icon: Camera, title: "Tourism Impact", value: "Millions" }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$29",
|
||||
name: "Basic",
|
||||
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="conservation" data-section="conservation">
|
||||
<ContactCTA
|
||||
tag="Preservation"
|
||||
title="Commitment to Conservation"
|
||||
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" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This platform transformed our entire workflow. Essential for any serious team."
|
||||
rating={5}
|
||||
author="Jane Doe, CTO"
|
||||
avatars={[
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Parque Natural"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Info", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user