first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,38 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
const About = () => {
|
||||
return (
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
|
||||
<Image width={550} height={649} style={{height:'fit-content'}} src="/images/media/img_57.png" alt="about" className="m-auto" />
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
|
||||
<div className="text-wrapper">
|
||||
<div className="client-info font-rubik">
|
||||
Over <span>150,000+ client</span>
|
||||
</div>
|
||||
<div className="title-style-five">
|
||||
<h2>
|
||||
<span>Best event & online</span> ticket platform.
|
||||
</h2>
|
||||
</div>
|
||||
<p className="font-rubik">
|
||||
Things go wrong. You’ll have questions. We understand. So we have
|
||||
people, not bots, on hand to help.
|
||||
</p>
|
||||
<p className="font-rubik">
|
||||
We aim to answer any query in less than 10 minutes.
|
||||
</p>
|
||||
<div className="name font-slab">Mitchell Garner</div>
|
||||
</div>
|
||||
{/* /.text-wrapper */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default About;
|
||||
@@ -0,0 +1,53 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutFive = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-6 order-lg-last">
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-two mb-35 md-mb-20">
|
||||
<h2>
|
||||
<span>
|
||||
Exclusive fetures{" "}
|
||||
<Image width="448" height="48" src="/images/shape/line-shape-5.svg" alt="shape" />
|
||||
</span>
|
||||
with great offers everytime.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p>
|
||||
With Benefits from deski Pro, Earn rewards & Score discounts on
|
||||
purchases* Foryourself and your customers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6 order-lg-first">
|
||||
<div className="img-gallery">
|
||||
<Image width={400} height={484} style={{height:'fit-content'}} src="/images/media/img_35.png" alt="media" />
|
||||
<Image width={292} height={309} style={{height:'fit-content'}}
|
||||
src="/images/media/img_36.png"
|
||||
alt="media"
|
||||
className="overlay-img"
|
||||
/>
|
||||
<Image width={100} height={129}
|
||||
src="/images/shape/49.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={198} height={198}
|
||||
src="/images/shape/50.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
{/* /.img-gallery */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutFive;
|
||||
@@ -0,0 +1,48 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutFour = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
|
||||
<div className="text-wrapper">
|
||||
<div className="title-style-two">
|
||||
<p>About us</p>
|
||||
<h2>Best event & online ticket platform.</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p className="sub-text">
|
||||
Things go wrong. You’ll have questions. We understand. So we have
|
||||
real people, not bots, on hand to help, 7 days a week.
|
||||
</p>
|
||||
<p className="sub-text">
|
||||
We aim to answer any query in less than 10 minutes. Try now
|
||||
</p>
|
||||
<div className="name">
|
||||
Mr Rashed Kabir, <span>CEO</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div className="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
|
||||
<div className="img-holder md-mt-80">
|
||||
<Image width={450} height={560} style={{height:'fit-content'}} src="/images/media/img_39.png" alt="media" />
|
||||
<Image width={122} height={108}
|
||||
src="/images/shape/60.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={152} height={152}
|
||||
src="/images/shape/61.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-two"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutFour;
|
||||
@@ -0,0 +1,68 @@
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const AboutThree = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6 order-lg-last"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="text-wrapper ps-3">
|
||||
<div className="title-style-three mb-35 md-mb-20">
|
||||
<h6>Certified by trustpilot</h6>
|
||||
<h2>
|
||||
<span>
|
||||
Certified and trusted{" "}
|
||||
<Image width="526" height="53" src="/images/shape/line-shape-7.svg" alt="shape" />
|
||||
</span>
|
||||
support portal.
|
||||
</h2>
|
||||
</div>
|
||||
{/* /.title-style-two */}
|
||||
<p>
|
||||
Whether you're a theatre, stadium, intimate music venue, church,
|
||||
gala or concert hall, our seating chart tooi accurately represent
|
||||
your venue and seating layout.
|
||||
</p>
|
||||
<p className="mt-30">
|
||||
It's easy to incorporate socialy distanced spaces, add tables, edit
|
||||
the numbering or have.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 order-lg-first">
|
||||
<div className="img-gallery">
|
||||
<Image width={402} height={487} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/media/img_38.png"
|
||||
alt="media"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
/>
|
||||
<Image width={292} height={309} style={{width:'100%',height:'fit-content'}}
|
||||
src="/images/media/img_36.png"
|
||||
alt="media"
|
||||
className="overlay-img"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
data-aos-delay="100"
|
||||
/>
|
||||
<Image width={100} height={129}
|
||||
src="/images/shape/49.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-one"
|
||||
/>
|
||||
<Image width={144} height={144}
|
||||
src="/images/shape/54.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-three"
|
||||
/>
|
||||
</div>
|
||||
{/* /.img-gallery */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutThree;
|
||||
@@ -0,0 +1,53 @@
|
||||
'use client'
|
||||
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
const AboutTwo = () => {
|
||||
return (
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-5 col-md-6 col-sm-10 m-auto"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="img-holder">
|
||||
<Image width={441} height={550} style={{height:'fit-content'}} src="/images/media/img_19.png" alt="media" />
|
||||
<Image width={179} height={179}
|
||||
src="/images/shape/34.svg"
|
||||
alt="shape"
|
||||
className="shapes shape-six"
|
||||
/>
|
||||
</div>
|
||||
{/* img-holder */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
|
||||
<div
|
||||
className="col-xl-6 col-lg-7 ms-auto"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1200"
|
||||
>
|
||||
<div className="quote-wrapper pt-60">
|
||||
<Image width="60" height="43" src="/images/icon/26.svg" alt="icon" className="icon" />
|
||||
<blockquote className="font-rubik">
|
||||
Deski combines excellent live chat, ticketing and automation that
|
||||
allow us to provide quality.
|
||||
</blockquote>
|
||||
<h6>
|
||||
Bostami Hasan <span>CEO & Founder deksi</span>
|
||||
</h6>
|
||||
<Link href="/about-cs" className="theme-btn-two mt-45 md-mt-30">
|
||||
{" "}
|
||||
Learn More
|
||||
</Link>
|
||||
</div>
|
||||
{/* /.quote-wrapper */}
|
||||
</div>
|
||||
{/* End .col */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AboutTwo;
|
||||
Reference in New Issue
Block a user