first commit
This commit is contained in:
@@ -0,0 +1,74 @@
|
||||
'use client'
|
||||
|
||||
|
||||
|
||||
import Tilt from "react-parallax-tilt";
|
||||
import React from 'react'
|
||||
import Image from "next/image";
|
||||
|
||||
export default function FancyShortBanner() {
|
||||
return (
|
||||
<div className="fancy-short-banner-seven mt-250 md-mt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-8 col-lg-11 m-auto">
|
||||
<div className="title-style-six text-center">
|
||||
<h2>
|
||||
love our product? <span>Save $20</span> by grab it today.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-six */}
|
||||
<a
|
||||
href="#"
|
||||
className="d-flex align-items-center ios-button gr-bg-one hover-reverse-gr-bg-one"
|
||||
>
|
||||
<Image width="25" height="32" src="/images/icon/apple.svg" alt="icon" className="icon" />
|
||||
<div>
|
||||
<span>Download on the</span>
|
||||
<strong>App store</strong>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
{/* End .row */}
|
||||
<Tilt>
|
||||
<div className="screen-meta">
|
||||
<Image width={1160} height={340} style={{height:'fit-content'}}
|
||||
src="/images/assets/screen_10.png"
|
||||
alt="screen"
|
||||
className="m-auto"
|
||||
/>
|
||||
<Image width="104" height="89"
|
||||
src="/images/shape/165.svg"
|
||||
alt="screen"
|
||||
className="shapes shape-four"
|
||||
/>
|
||||
<Image width={324} height={324}
|
||||
src="/images/shape/166.png"
|
||||
alt="screen"
|
||||
className="shapes shape-five"
|
||||
/>
|
||||
</div>
|
||||
</Tilt>
|
||||
</div>
|
||||
{/* /.container */}
|
||||
|
||||
<Image width="12" height="12"
|
||||
src="/images/shape/162.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width="15" height="15"
|
||||
src="/images/shape/163.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
<Image width="15" height="15"
|
||||
src="/images/shape/164.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user