49 lines
2.1 KiB
JavaScript
49 lines
2.1 KiB
JavaScript
import React from "react";
|
|
import Link from 'next/link'
|
|
import hero1 from '/public/images/slider/1.png'
|
|
import Image from "next/image";
|
|
|
|
const Hero = () => {
|
|
|
|
const ClickHandler = () => {
|
|
window.scrollTo(10, 0);
|
|
}
|
|
|
|
return (
|
|
<section className="static-hero">
|
|
<div className="hero-container">
|
|
<div className="hero-inner">
|
|
<div className="container-fluid">
|
|
<div className="hero-content">
|
|
<div data-swiper-parallax="300" className="slide-title-sub">
|
|
<span>We Are Waiting For You</span>
|
|
</div>
|
|
<div data-swiper-parallax="300" className="slide-title">
|
|
<h2>Lets Make The World Great Again</h2>
|
|
</div>
|
|
<div data-swiper-parallax="400" className="slide-text">
|
|
<p>We can start by taking small steps and making small changes that can have a big
|
|
impact on the world.</p>
|
|
</div>
|
|
<div className="clearfix"></div>
|
|
<div data-swiper-parallax="500" className="slide-btns">
|
|
<Link onClick={ClickHandler} href="/about" className="theme-btn">Join The Campaign</Link>
|
|
</div>
|
|
<div className="politian-pic">
|
|
<Image src={hero1} alt="" />
|
|
<div className="politian-shape">
|
|
<div className="shape-1"></div>
|
|
<div className="shape-2"></div>
|
|
<div className="shape-3"></div>
|
|
<div className="shape-4"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|
|
|
|
export default Hero; |