v2

components/landingComponents/Hero.jsx

@@ -34,24 +34,6 @@ const Hero = () => {
       </div>
 
       {/* <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>
   );
 };

components/landingComponents/PricingHero/page.jsx

@@ -4,12 +4,16 @@ const PricingHero = () => {
   return (
     <div className="min-h-[100vh]">
       <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
           </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 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">
           <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>
           <div className="flex justify-center">
             <del className="mb-0  text-[30px]  text-white  absolute mt-[15px]">

package.json

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

src/app/about-us/page.jsx

@@ -15,8 +15,8 @@ const AboutUs = () => {
         <Navbar />
         <AboutUsHero />
       </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
           element from the espresso shot to the customer service playing in
           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
           of Briz.
         </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
         </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
           blend of expertise and innovation from our roots in 'Tuk Coffee' and
           '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
         </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
         </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
           every task, every role, and every shift contributes to the delightful
           crescendo of customer satisfaction. Briz is not just an app; it's your
@@ -52,11 +52,11 @@ const AboutUs = () => {
           performing.
         </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{" "}
         </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
           their spaces with unprecedented efficiency and insight. Whether it's
           the bustling rush of the morning crowd or the relaxed ambiance of late
@@ -66,12 +66,12 @@ const AboutUs = () => {
           remember.
         </p>
         <div className="flex justify-end my-10 ">
-          <div>
-            <Image src={ig} className="w-[120px]" />
-          </div>
           <div className="mt-3">
             <Image src={tuk} className="w-[100px]" />
           </div>
+          <div>
+            <Image src={ig} className="w-[120px]" />
+          </div>
         </div>
       </div>