Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b49ba70447 | |||
| ddfefc9ede | |||
| 2f885f1aa1 | |||
| c7fd51e898 | |||
| 5faa04e9c6 | |||
| cb11fddc41 | |||
| 3877c3ddd5 |
386
src/app/page.tsx
386
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/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,89 @@ 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: "Inicio", id: "hero" },
|
||||
{ name: "Geografía", id: "geography" },
|
||||
{ name: "Historia", id: "history" },
|
||||
{ name: "Ecología", id: "ecology" },
|
||||
{ name: "Conservación", id: "conservation" }
|
||||
]}
|
||||
brandName="Parque Natural"
|
||||
/>
|
||||
</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 las Lagunas de La Mata y Torrevieja"
|
||||
description="Descubre la impresionante belleza de las lagunas saladas rosas y la riqueza cultural de este ecosistema mediterráneo único."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/view-pink-salt-lake-torrevieja_23-2148762589.jpg", imageAlt: "Vista de la laguna rosa" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/salt-mountains-in-torrevieja_482257-234.jpg", imageAlt: "Producción de sal" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/flamingos-in-salt-lake_482257-982.jpg", imageAlt: "Fauna y aves" }
|
||||
]}
|
||||
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="Geografía Excepcional"
|
||||
description={["El parque abarca más de 3.700 hectáreas, integrando las lagunas de La Mata y Torrevieja. Estas lagunas constituyen un humedal de gran importancia en el arco mediterráneo.", "Separadas por una franja de tierra conocida como 'El Chaparral', el entorno crea un microclima único influenciado por la elevada salinidad y la cercanía al mar."]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Legado Histórico Salinero"
|
||||
description="La explotación salinera ha sido el motor histórico de Torrevieja desde el siglo XIII, modelando profundamente su identidad cultural y económica."
|
||||
accordionItems={[
|
||||
{ id: "h1", title: "Orígenes Históricos", content: "La extracción de sal ha sido documentada desde tiempos inmemoriales, resultando fundamental para la conservación de alimentos en la región." },
|
||||
{ id: "h2", title: "Evolución Industrial", content: "El desarrollo tecnológico de los siglos XIX y XX permitió una modernización sin precedentes en la recolección de sal, consolidando a Torrevieja como referente nacional." }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/historic-salt-harvesting-tools_482257-111.jpg"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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="Valor Ecológico"
|
||||
description="El parque actúa como un santuario vital para aves protegidas y flora endémica adaptada a condiciones extremas."
|
||||
metrics={[
|
||||
{ id: "e1", icon: Leaf, title: "Flora Protegida", value: "+80 Esp." },
|
||||
{ id: "e2", icon: Droplets, title: "Superficie Hídrica", value: "3.700ha" },
|
||||
{ id: "e3", icon: Camera, title: "Biodiversidad", value: "Alta" }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Preservación"
|
||||
title="Compromiso con el Ecosistema"
|
||||
description="Colabora en la protección de este frágil ecosistema promoviendo el turismo sostenible y la educación ambiental."
|
||||
buttons={[{ text: "Más información", href: "#" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: "Política de Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Contacto", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user