Brizco
/
web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v2

main
حسین معصومی پور 2024-01-04 12:08:24 +03:30
parent 32bde1b107
commit 8dbe641c6f
4 changed files with 21 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/landingComponents/Hero.jsx
View File

@ -34,24 +34,6 @@ const Hero = () => {
</div> </div>
{/* <ComputersCanvas /> */} {/* <ComputersCanvas /> */}
<div className="absolute xs:bottom-10 bottom-32 w-full flex justify-center items-center">
<a href="#about">
<div className="w-[35px] h-[64px] rounded-3xl border-4 border-secondary flex justify-center items-start p-2">
<motion.div
animate={{
y: [0, 24, 0],
}}
transition={{
duration: 1.5,
repeat: Infinity,
repeatType: "loop",
}}
className="w-3 h-3 rounded-full bg-secondary mb-1"
/>
</div>
</a>
</div>
</section> </section>
); );
}; };

14
components/landingComponents/PricingHero/page.jsx
View File

@ -4,12 +4,16 @@ const PricingHero = () => {
return ( return (
<div className="min-h-[100vh]"> <div className="min-h-[100vh]">
<div className="flex justify-center lg:pt-[150px] xs:pt-[100px] xs:ml-5 lg:ml-0"> <div className="flex justify-center lg:pt-[150px] xs:pt-[100px] xs:ml-5 lg:ml-0">
<div className=" ml-1 "> <div className=" ml-1 w-8/12 text-center ">
<h1 <h1 className="text-white font-semibold md:text-[80px] sm:text-[60px] xs:text-[40px] text-[18px] mt-4">
className={`font-black text-white lg:text-[100px] sm:text-[70px] xs:text-[60px] text-[40px] mb-0 `}
>
Pricing Pricing
</h1> </h1>
<p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-center xs:text-left text-secondary tracking-wider text-gray-100 font-thin ">
Tailor your coffee shop management with our time-flexible pricing
plans. All packages offer the same comprehensive features, differing
only in duration to suit your business needs. Choose from monthly,
quarterly, or annual options, each designed for ease and efficiency.
</p>
</div> </div>
</div> </div>
<div className="grid lg:flex lg:justify-center xs:px-10 lg:px-[120px] mt-20"> <div className="grid lg:flex lg:justify-center xs:px-10 lg:px-[120px] mt-20">
@ -35,7 +39,7 @@ const PricingHero = () => {
<div className="p-5 text-center lg:mx-10"> <div className="p-5 text-center lg:mx-10">
<p className="mb-0 text-white text-[30px] font-thin bg-primary-300 w-fit mx-auto px-4 rounded-full"> <p className="mb-0 text-white text-[30px] font-thin bg-primary-300 w-fit mx-auto px-4 rounded-full">
6 Months 12 Months
</p> </p>
<div className="flex justify-center"> <div className="flex justify-center">
<del className="mb-0 text-[30px] text-white absolute mt-[15px]"> <del className="mb-0 text-[30px] text-white absolute mt-[15px]">

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "brizco", "name": "brizco",
"version": "0.2.0", "version": "0.2.1",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev",

22
src/app/about-us/page.jsx
View File

@ -15,8 +15,8 @@ const AboutUs = () => {
<Navbar /> <Navbar />
<AboutUsHero /> <AboutUsHero />
</div> </div>
<div className="xs:px-[10px] lg:px-[120px] my-20"> <div className="xs:px-[20px] lg:px-[120px] my-20">
<p className="mb-0 sm:text-[18px] text-[14px] text-secondary tracking-wider text-gray-300 font-thin"> <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-justify xs:text-left text-secondary tracking-wider text-gray-300 font-thin">
At Briz, we envision each coffee shop as a symphony, with every At Briz, we envision each coffee shop as a symphony, with every
element from the espresso shot to the customer service playing in element from the espresso shot to the customer service playing in
perfect harmony. Our journey began with the coming together of two perfect harmony. Our journey began with the coming together of two
@ -26,10 +26,10 @@ const AboutUs = () => {
experience and passion for coffee shop excellence are the foundation experience and passion for coffee shop excellence are the foundation
of Briz. of Briz.
</p> </p>
<h2 className="text-white font-semibold md:text-[20px] sm:text-[18px] xs:text-[14px] text-[18px] mt-4"> <h2 className="text-white font-semibold md:text-[20px] sm:text-[20px] xs:text-[20px] text-[18px] mt-4">
Our Team's Heritage Our Team's Heritage
</h2> </h2>
<p className="mb-0 sm:text-[18px] text-[14px] text-secondary tracking-wider text-gray-300 font-thin"> <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-justify xs:text-left text-secondary tracking-wider text-gray-300 font-thin">
Our team consists of six dedicated members, each bringing a unique Our team consists of six dedicated members, each bringing a unique
blend of expertise and innovation from our roots in 'Tuk Coffee' and blend of expertise and innovation from our roots in 'Tuk Coffee' and
'Igarson.' We are baristas, managers, tech enthusiasts, and, above 'Igarson.' We are baristas, managers, tech enthusiasts, and, above
@ -38,11 +38,11 @@ const AboutUs = () => {
commitment to making Briz the ace of your coffee shop orchestr commitment to making Briz the ace of your coffee shop orchestr
</p> </p>
<h2 className="text-white font-semibold md:text-[20px] sm:text-[18px] xs:text-[14px] text-[18px] mt-4"> <h2 className="text-white font-semibold md:text-[20px] sm:text-[20px] xs:text-[20px] text-[18px] mt-4">
Our Team's Heritage Our Team's Heritage
</h2> </h2>
<p className="mb-0 sm:text-[18px] text-[14px] text-secondary tracking-wider text-gray-300 font-thin"> <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-justify xs:text-left text-secondary tracking-wider text-gray-300 font-thin">
We believe in the power of an efficiently managed coffee shop - where We believe in the power of an efficiently managed coffee shop - where
every task, every role, and every shift contributes to the delightful every task, every role, and every shift contributes to the delightful
crescendo of customer satisfaction. Briz is not just an app; it's your crescendo of customer satisfaction. Briz is not just an app; it's your
@ -52,11 +52,11 @@ const AboutUs = () => {
performing. performing.
</p> </p>
<h2 className="text-white font-semibold md:text-[20px] sm:text-[18px] xs:text-[14px] text-[18px] mt-4"> <h2 className="text-white font-semibold md:text-[20px] sm:text-[20px] xs:text-[20px] text-[18px] mt-4">
Our Commitment to Your Coffee Shop{" "} Our Commitment to Your Coffee Shop{" "}
</h2> </h2>
<p className="mb-0 sm:text-[18px] text-[14px] text-secondary tracking-wider text-gray-300 font-thin"> <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-justify xs:text-left text-secondary tracking-wider text-gray-300 font-thin">
Our mission is simple yet ambitious: to empower coffee shops to manage Our mission is simple yet ambitious: to empower coffee shops to manage
their spaces with unprecedented efficiency and insight. Whether it's their spaces with unprecedented efficiency and insight. Whether it's
the bustling rush of the morning crowd or the relaxed ambiance of late the bustling rush of the morning crowd or the relaxed ambiance of late
@ -66,12 +66,12 @@ const AboutUs = () => {
remember. remember.
</p> </p>
<div className="flex justify-end my-10 "> <div className="flex justify-end my-10 ">
<div>
<Image src={ig} className="w-[120px]" />
</div>
<div className="mt-3"> <div className="mt-3">
<Image src={tuk} className="w-[100px]" /> <Image src={tuk} className="w-[100px]" />
</div> </div>
<div>
<Image src={ig} className="w-[120px]" />
</div>
</div> </div>
</div> </div>