{children}
40 | } -------------------------------------------------------------------------------- /src/components/Description/style.module.css: -------------------------------------------------------------------------------- 1 | .description{ 2 | position: relative; 3 | color: white; 4 | font-size: 3vw; 5 | text-transform: uppercase; 6 | margin-top: 30vw; 7 | margin-left: 10vw; 8 | } 9 | .description p{ 10 | margin: 0px; 11 | position: relative; 12 | } -------------------------------------------------------------------------------- /src/components/Intro/index.jsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import React, { useLayoutEffect, useRef } from 'react' 3 | import styles from './style.module.css'; 4 | import Image from 'next/image'; 5 | import gsap from 'gsap'; 6 | import { ScrollTrigger } from 'gsap/ScrollTrigger'; 7 | 8 | export default function Index() { 9 | 10 | const background = useRef(null); 11 | const introImage = useRef(null); 12 | 13 | useLayoutEffect( () => { 14 | gsap.registerPlugin(ScrollTrigger); 15 | 16 | const timeline = gsap.timeline({ 17 | scrollTrigger: { 18 | trigger: document.documentElement, 19 | scrub: true, 20 | start: "top", 21 | end: "+=500px", 22 | }, 23 | }) 24 | 25 | timeline 26 | .from(background.current, {clipPath: `inset(15%)`}) 27 | .to(introImage.current, {height: "200px"}, 0) 28 | }, []) 29 | 30 | return ( 31 |The flora is characterized by the presence of high elevation wetland, as well as yellow straw, broom sedge, tola de agua and tola amaia.
55 |Some, like the southern viscacha, vicuña and Darwins rhea, are classified as endangered species. Others, such as Andean goose, horned coot, Andean gull, puna tinamou and the three flamingo species inhabiting in Chile (Andean flamingo, Chilean flamingo, and Jamess flamingo) are considered vulnerable.
58 |