From e6e8b06acd0b81100fc54ff639883eb926da5ba6 Mon Sep 17 00:00:00 2001
From: Neeraj Rekwar <88387699+neerajrekwar@users.noreply.github.com>
Date: Fri, 6 Sep 2024 20:59:58 +0000
Subject: [PATCH] fda

---
 app/blog/page.tsx                      |  77 +++++++++-----
 app/components/BackgroundAurra.tsx     |  12 +--
 app/components/VisionSection.tsx       |  42 ++++----
 app/components/backgroundBeams.tsx     | 135 -------------------------
 app/components/heroSection.tsx         |   6 +-
 app/components/typeWriter.tsx          |   2 +-
 app/components/ui/animated-tooltip.tsx |   4 +-
 app/contact/layout.tsx                 |  16 ++-
 app/contact/page.tsx                   |  44 ++++----
 app/layout.tsx                         |  12 ++-
 components/Accordion.tsx               |  66 ++++++------
 11 files changed, 159 insertions(+), 257 deletions(-)
 delete mode 100644 app/components/backgroundBeams.tsx

diff --git a/app/blog/page.tsx b/app/blog/page.tsx
index 3d57b1b34..5fbc35c61 100644
--- a/app/blog/page.tsx
+++ b/app/blog/page.tsx
@@ -1,9 +1,14 @@
-'use client'
+"use client";
 import posts from "./data/posts.json";
 import Link from "next/link";
 import Image from "next/image";
 import BlogExcerpt from "../components/BlogExcerpt";
-import { IconLink, IconPointFilled, IconShare, IconSparkles } from "@tabler/icons-react";
+import {
+  IconLink,
+  IconPointFilled,
+  IconShare,
+  IconSparkles,
+} from "@tabler/icons-react";
 import LikeButton from "../components/LikeButton";
 import ShareDialog from "../components/ShareDialog"; // Import the ShareDialog component
 import { useState } from "react";
@@ -27,12 +32,17 @@ export default function BlogIndexPage() {
         <div className="m-auto  max-w-5xl">
           <div className="max-w-5xl  py-6 md:py-8 mx-2  flex justify-between  rounded-full items-center">
             <p className="m-1 px-2 text-four ">start for beginning</p>
-            <p className="m-1 px-2 text-four  text-xl"><IconSparkles /></p>
+            <p className="m-1 px-2 text-four  text-xl">
+              <IconSparkles />
+            </p>
           </div>
         </div>
         <ul className="basis-2/2 max-w-5xl m-auto flex-col flex gap-6">
           {posts.map((post) => (
-            <li key={post.slug} className="p-2 border-b-2 bg-custom-radial-sm md:bg-none rounded border-seven  sm:flex gap-10 flex-row-reverse m-2">
+            <li
+              key={post.slug}
+              className="p-2 border-b-2 bg-custom-radial-sm md:bg-none rounded border-seven  sm:flex gap-10 flex-row-reverse m-2"
+            >
               <div className="basis-1/4  rounded md:rounded-none flex justify-center items-center md:aspect-square  aspect-video overflow-hidden border-red-400">
                 {post.imageUrl ? (
                   <Image
@@ -54,32 +64,36 @@ export default function BlogIndexPage() {
                   >
                     {post.title}
                   </Link>
-                ) : (<div className=''>title in processing</div>)}
+                ) : (
+                  <div className="">title in processing</div>
+                )}
                 <div className="flex gap-1 md:gap-2 opacity-50  text-four md:pb-4 tracking-wide text-xs md:text-sm font-medium  py-2 justify-start">
-                  {post?.date ? (<p>
-                    {new Date(post.date).toLocaleDateString("en-US", {
-                      year: "numeric",
-                      month: "long",
-                      day: "numeric",
-                    })}
-                  </p>) : (<p>none of print</p>)}
-                  ●
-                  {post?.author ? (<p>
-                    {post.author}
-                  </p>) : (<p>unknown</p>)}
-                  
-              
+                  {post?.date ? (
+                    <p>
+                      {new Date(post.date).toLocaleDateString("en-US", {
+                        year: "numeric",
+                        month: "long",
+                        day: "numeric",
+                      })}
+                    </p>
+                  ) : (
+                    <p>none of print</p>
+                  )}
+                  ●{post?.author ? <p>{post.author}</p> : <p>unknown</p>}
                 </div>
                 <BlogExcerpt
                   key={post.slug}
-
                   description={post.description || "No description available"}
                   slug={post.slug}
                 />
                 <div className="flex items-center rounded-full text-gray-400 justify-between">
                   <IconShare
                     className="text-four hover:text-five cursor-pointer"
-                    onClick={() => openShareDialog(`https://neerajrekwar.github.io/blog/${post.slug}`)}
+                    onClick={() =>
+                      openShareDialog(
+                        `https://neerajrekwar.github.io/blog/${post.slug}`
+                      )
+                    }
                   />
                   <IconLink className="text-four hover:text-five" />
                   <LikeButton />
@@ -91,15 +105,24 @@ export default function BlogIndexPage() {
             </li>
           ))}
         </ul>
-        <ShareDialog url={shareUrl} isOpen={isDialogOpen} onClose={closeShareDialog} />
+        <ShareDialog
+          url={shareUrl}
+          isOpen={isDialogOpen}
+          onClose={closeShareDialog}
+        />
       </section>
       <section className="min-h-96 ">
-       <div className="m-auto  max-w-5xl py-16 px-2">
-       <h4 className="text-center text-4xl">Change thinking, your life Change automatically </h4>
-        <p className="text-center p-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque quibusdam culpa eveniet sed commodi beatae, quam nemo, iure, necessitatibus repellendus earum distinctio veritatis ab! Corporis minus dolore dolorem ullam voluptates.</p>
-       </div>
-       </section>
+        <div className="m-auto text-four max-w-5xl py-16 px-2">
+          <h4 className="text-center text-4xl">
+            Once you change your thinking, your life will automatically change.{" "}
+          </h4>
+          <p className="text-center text-secondary p-4">
+            When you shift your mindset to a more positive and empowered
+            outlook, you will notice a corresponding transformation in your
+            daily life.
+          </p>
+        </div>
+      </section>
     </main>
-
   );
 }
diff --git a/app/components/BackgroundAurra.tsx b/app/components/BackgroundAurra.tsx
index 6bad19674..1f8487bd5 100644
--- a/app/components/BackgroundAurra.tsx
+++ b/app/components/BackgroundAurra.tsx
@@ -20,9 +20,9 @@ export function AuroraBackgroundDemo() {
             duration: 0.8,
             ease: "easeInOut",
           }}
-          className="relative flex flex-col gap-4 items-center justify-center px-4"
+          className="relative w-full  flex flex-col gap-4 items-center justify-center px-4 md:px-[14%]"
         >
-          <div className="max-w-8xl  text-left m-auto text-four">
+          <div className="w-full text-left m-auto text-four">
             <motion.div className="gap-2 flex mb-10 flex-row  w-fit p-1 pr-8 rounded-full bg-seven justify-start items-center text-semibold">
               <motion.div
                 whileDrag={{}}
@@ -57,7 +57,7 @@ export function AuroraBackgroundDemo() {
                   delay: 2,
                   duration: 1,
                 }}
-                className="font-semibold text-secondary"
+                className="font-semibold text-sm text-secondary"
               >
                 <motion.p
                   initial={{ opacity: 0, x: 10 }}
@@ -85,10 +85,10 @@ export function AuroraBackgroundDemo() {
                   }}
                   className="flex gap-1 h-4"
                 >
-                  <p className=" flex flex-row justify-start text-third items-center text-3xl">
+                  <p className=" flex flex-row justify-start text-third items-center text-xl">
                     &#8226;
                   </p>
-                  <p className="text-four flex flex-row justify-start items-center font-normal text-sm">
+                  <p className="text-four text-xs flex flex-row font-semibold justify-start items-center font-normal text-sm">
                     Available for freelance work
                   </p>
                 </motion.div>
@@ -126,7 +126,7 @@ export function AuroraBackgroundDemo() {
 
             <motion.div className=" gap-2 mt-10 max-w-fit flex justify-center items-center">
               <motion.button
-                className=" bg-secondary text-primary p-2 px-4 rounded-full   "
+                className="inline-flex text-four h-10 items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-4 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-four focus:ring-offset-2 focus:ring-offset-slate-50"
                 initial={{ opacity: 0, scale: 0.2, x: -200, y: -200 }}
                 animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}
                 transition={{
diff --git a/app/components/VisionSection.tsx b/app/components/VisionSection.tsx
index 8dd004f4b..7c1acc9be 100644
--- a/app/components/VisionSection.tsx
+++ b/app/components/VisionSection.tsx
@@ -729,10 +729,10 @@ export const VisionSection: React.FC = () => {
                   </p>
                   <div className="flex justify-center items-center m-2 p-2 bg-seven rounded-md">
                     <Image
-                      className="h-64  w-64"
+                      className="h-44  w-44"
                       src={"/projects/home/Analytics.svg"}
-                      width={300}
-                      height={200}
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -750,8 +750,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">
                     <Image
                       src={"/projects/home/Dev_productivity.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -766,8 +767,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center p-10 items-center m-2 p-2 bg-seven rounded-md">
                     <Image
                       src={"/projects/home/Semantics.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -782,8 +784,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
                     <Image
                       src={"/projects/home/Accessibility.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -801,8 +804,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
                     <Image
                       src={"/projects/home/Dev_productivity.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -819,8 +823,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center items-center p-10 m-2 p-2 bg-seven rounded-md">
                     <Image
                       src={"/projects/home/Sitemap.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -835,8 +840,9 @@ export const VisionSection: React.FC = () => {
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">
                     <Image
                       src={"/projects/home/Dev_productivity.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
@@ -849,10 +855,10 @@ export const VisionSection: React.FC = () => {
                   </p>
                   <div className="flex justify-center items-center m-2 p-2 bg-seven rounded-md ">
                     <Image
-                      className=""
                       src={"/projects/home/hosting.svg"}
-                      width={300}
-                      height={200}
+                      className="h-44  w-44"
+                      width={150}
+                      height={150}
                       alt="find best practice Analytice"
                     />
                   </div>
diff --git a/app/components/backgroundBeams.tsx b/app/components/backgroundBeams.tsx
deleted file mode 100644
index f93ecdf4f..000000000
--- a/app/components/backgroundBeams.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-"use client";
-import React from "react";
-import { motion } from "framer-motion";
-import { BackgroundBeams } from "./ui/background-beams";
-import TextFlipper from "./TextFlipper";
-import Link from "next/link";
-import Image from "next/image";
-
-
-export function BackgroundBeamsDemo() {
-  return (
-    <div className="min-h-screen w-full relative flex flex-col items-start justify-center antialiased">
-      <div className="max-w-5xl text-left mx-auto p-4">
-
-        <motion.div
-          initial={{opacity: 0, y: 10}}
-          whileInView={{ opacity: 1, y: 0 }}
-        
-
-          className="gap-2 flex mb-10 flex-row justify-start items-center text-semibold">
-          <Image
-            src={"/me.jpg"}
-            width={24}
-            height={24}
-            alt="Digital marketing for expert"
-            className="aspact-square h-10 w-10 rounded-full"
-          />
-          <motion.div 
-            initial={{opacity: 0, y: 100}}
-            whileInView={{ opacity: 1, y: 0 }}
-            
-            className="font-semibold text-four">
-            <p>Neeraj Rekwar</p>
-            <div className="flex gap-1 h-4">
-              <p className=" flex flex-row justify-start text-third items-center text-3xl">
-                &#8226;
-              </p>
-              <p className="text-four flex flex-row justify-start items-center font-normal text-sm">
-                Available for freelance work
-              </p>
-            </div>
-          </motion.div>
-        </motion.div>
-        <motion.h1
-          initial={{ opacity: 0, y: 100 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          transition={{
-            delay: 0.3,
-            duration: 0.8,
-            ease: "easeInOut",
-          }}
-          className="relative text-secondary font-bold z-10 md:pb-4 text-2xl sm:text-lg md:text-7xl  text-left "
-        >
-          Build the right to way <br />
-          <div>
-            with{" "}
-            <pre className="font-bold z-999 inline-flex ">
-              <TextFlipper />
-            </pre>
-          </div>
-        </motion.h1>
-        <motion.div
-          initial={{ opacity: 0, y: 100 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          transition={{
-            delay: 0.1,
-            duration: 0.2,
-            ease: "backIn",
-          }}
-          className="flex w-full flex-col items-center justify-center"
-        >
-
-        </motion.div>
-        <motion.p
-          initial={{ opacity: 0, y: 100 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          transition={{
-            delay: 0.3,
-            duration: 0.8,
-            ease: "easeInOut",
-          }}
-          className="text-four  mx-auto my-2 sm:text-xl text-base relative z-10"
-        >
-          We could be best on the web, We provide reliable, scalable, and customizable web solutions for
-          your business. Whether you&apos;re sending order any bug fix in your web, or tools, nee. has got you
-          covered.
-        </motion.p>
-
-        <motion.div className="text-secondaryText gap-2 mt-10 max-w-fit flex justify-center items-center">
-
-          <Link href={'/'}
-            className="relative z-10 ">
-            <motion.button
-              whileHover={{ scale: 1.1 }}
-              whileTap={{ scale: 0.9 }}
-              transition={{
-                type: "spring", stiffness: 400, damping: 17, delay: .3,
-                duration: 0.5,
-                ease: "easeInOut",
-              }}
-              initial={{ opacity: 0, y: 10 }}
-              whileInView={{ opacity: 1, y: 0 }}
-
-              className="rounded-full p-2 px-4 p-2 px-4 md:p-3 md:px-6  bg-five hover:bg-secondary  hover:text-primary hover:shadow-lg shadow-md  "
-            >
-
-              Get started
-            </motion.button>
-          </Link>
-          <Link href={'#vision'} scroll={true}
-
-            className="relative z-10">
-            <motion.button
-              whileHover={{ scale: 1.1 }}
-              whileTap={{ scale: 0.9 }}
-              transition={{
-                type: "spring", stiffness: 400, damping: 17, delay: .6,
-                duration: 0.5,
-                ease: "easeInOut",
-              }}
-              initial={{ opacity: 0, y: 10 }}
-              whileInView={{ opacity: 1, y: 0 }}
-  
-              className="rounded-full p-2 px-4 md:p-3 md:px-6  bg-five hover:bg-secondary hover:text-primary hover:shadow-lg shadow-md "
-            >
-
-              Explore
-            </motion.button>
-          </Link>
-        </motion.div>
-      </div>
-      <BackgroundBeams />
-    </div>
-  );
-}
diff --git a/app/components/heroSection.tsx b/app/components/heroSection.tsx
index dc90a989c..20165ea66 100644
--- a/app/components/heroSection.tsx
+++ b/app/components/heroSection.tsx
@@ -1273,11 +1273,11 @@ export function HeroSection() {
           </div>
 
           <div className="absolute border-five bg-gradient-to-l from-primary from-1% to-transparent  h-full w-full   font-bold"></div>
-          <div className="absolute border-five bg-gradient-to-r from-primary from-1% to-transparent  h-full w-full  font-bold"></div>
+          <div className="absolute border-five bg-gradient-to-r from-primary from-0% to-transparent  h-full w-full  font-bold"></div>
           <div className="absolute border-five bg-gradient-to-t from-primary from-1% to-transparent  h-full w-full  font-bold"></div>
           <div className="absolute border-b-2 border-seven border-five text-five flex flex-col bg-gradient-to-r from-primary  justify-center items-center  md:text-left  md:justify-center md:items-start h-full w-full   font-bold ">
             <div className="absolute max-w-3xl m-auto">
-              <motion.h2 className="mx-4 font-bold text-four md:mx-10 text-4xl md:text-5xl lg:text-6xl">
+              <motion.h2 className="mx-4  font-bold text-four md:mx-10 text-4xl md:text-5xl lg:text-6xl ">
                 Have a Project in Mind?
               </motion.h2>
               <motion.p className="text-four font-normal mx-4 md:mx-10  my-4 max-w-2xl ">
@@ -1287,7 +1287,7 @@ export function HeroSection() {
                 concepts into tangible results.
               </motion.p>
               <div className="mx-4 md:mx-10">
-                <button className="inline-flex text-four h-10 items-center justify-center rounded-md border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-4 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-four focus:ring-offset-2 focus:ring-offset-slate-50">
+                <button className="inline-flex text-four h-10 items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-4 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-four focus:ring-offset-2 focus:ring-offset-slate-50">
                   <a
                     href="/contact"
                     className="flex items-center font-medium  gap-4"
diff --git a/app/components/typeWriter.tsx b/app/components/typeWriter.tsx
index 05c8bc91f..6d012157b 100644
--- a/app/components/typeWriter.tsx
+++ b/app/components/typeWriter.tsx
@@ -24,7 +24,7 @@ export function TypewriterEffectSmoothDemo() {
     <div className="flex  flex-col items-center justify-center  md:h-screen">
       <div className="flex flex-col items-center justify-center h-[40rem] w-full">
         <p className="text-four text-xs sm:text-base text-five">
-          Expert Programmers, Innovative Designs.
+          Embrace the new, seek innovation, and discover possibilities.
         </p>
         <TypewriterEffectSmooth words={words} />
       </div>
diff --git a/app/components/ui/animated-tooltip.tsx b/app/components/ui/animated-tooltip.tsx
index 1e878132b..c87d82765 100644
--- a/app/components/ui/animated-tooltip.tsx
+++ b/app/components/ui/animated-tooltip.tsx
@@ -90,10 +90,10 @@ export const AnimatedTooltip = ({
               width={100}
               src={item.image}
               alt={item.name}
-              className="object-cover !m-0 !p-0 object-top rounded-full h-14 w-14 border-2 group-hover:scale-105 group-hover:z-30 border-white  relative transition duration-500"
+              className="object-cover !m-0 !p-0 object-top rounded-full h-14 w-14 border-2 border-five group-hover:scale-105 group-hover:z-30 border-white  relative transition duration-500"
             />
           ) : (
-            <div className="object-cover !m-0 !p-0 bg-five object-top rounded-full h-14 w-14 border-2 border-primary group-hover:scale-105 group-hover:z-30  relative transition duration-500"></div>
+            <div className="object-cover !m-0 !p-0 bg-four object-top rounded-full h-14 w-14 border-2 border-five group-hover:scale-105 group-hover:z-30  relative transition duration-500"></div>
           )}
         </div>
       ))}
diff --git a/app/contact/layout.tsx b/app/contact/layout.tsx
index 065fa9f39..4b5417f27 100644
--- a/app/contact/layout.tsx
+++ b/app/contact/layout.tsx
@@ -1,11 +1,7 @@
 export default function ContactLayout({
-    children, // will be a page or nested layout
-  }: {
-    children: React.ReactNode
-  }) {
-    return (
-      <section className="bg-white">
-        {children}
-      </section>
-    )
-  }
\ No newline at end of file
+  children, // will be a page or nested layout
+}: {
+  children: React.ReactNode;
+}) {
+  return <body className="bg-primary">{children}</body>;
+}
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
index 01f590658..2668284e7 100644
--- a/app/contact/page.tsx
+++ b/app/contact/page.tsx
@@ -46,7 +46,13 @@ const ContactPage: React.FC = () => {
           title: "Message sent!",
           description: "Your message has been successfully sent.",
         });
-        setFormData({ name: "", mobile: "", email: "", subject: "", message: "" });
+        setFormData({
+          name: "",
+          mobile: "",
+          email: "",
+          subject: "",
+          message: "",
+        });
       } else {
         toast({
           variant: "destructive",
@@ -72,7 +78,9 @@ const ContactPage: React.FC = () => {
           <li>nee</li>
         </ul>
         <ul className=" text-five">
-          <li className="flex flex-row gap-1">Reach at me &#9679; <CurrentTime /></li>
+          <li className="flex flex-row gap-1">
+            Reach at me &#9679; <CurrentTime />
+          </li>
         </ul>
       </div>
       <section>
@@ -81,12 +89,10 @@ const ContactPage: React.FC = () => {
             <h1 className="md:text-3xl text-2xl font-medium tracking-tight lg:text-5xl text-five font-bold mb-6">
               Connecting You with Us – Reach Out Anytime, Anywhere.
             </h1>
-            <div className="rounded-xl backdrop-brightness-150 overflow-hidden bg-[url('https://images.unsplash.com/photo-1724373506008-ab646f67067c?q=80&w=1563&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')] relative h-full w-full bg-cover bg-no-repeat bg-bottom">
-              <p className="z-10 relative rounded-t-xl h-14 text-sm text-four p-2 bg-[#ffffff69] backdrop-blur-sm">
-                <QuotesSlider />
-              </p>
-            </div>
-
+            <p className="z-10 rounded-xl h-14 text-sm text-four p-2 backdrop-blur-sm">
+              <QuotesSlider />
+            </p>
+            <div className="rounded-xl backdrop-brightness-150 overflow-hidden bg-[url('https://images.unsplash.com/photo-1724373506008-ab646f67067c?q=80&w=1563&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D')]  h-64 w-full bg-cover bg-no-repeat bg-bottom"></div>
           </div>
 
           <div className="basis-2/2 text-primary bg-secondary border-four md:w-[60%] aspect-square bg-gradient-to-r from-seven rounded-xl m-2 p-2 sm:w-[60%]">
@@ -177,7 +183,7 @@ const ContactPage: React.FC = () => {
               <div className="p-2">
                 <Button
                   type="submit"
-                  className="w-fit inline-flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-four hover:opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+                  className="w-fit inline-flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-primary bg-four hover:opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-five"
                 >
                   Send Message
                 </Button>
@@ -187,19 +193,21 @@ const ContactPage: React.FC = () => {
         </div>
       </section>
       <section className="min-h-44 max-w-6xl m-auto">
-        <div className="basis-1/2 p-1 max-w-4xl m-auto justify-between my-16 ">
-          <h4 className="font-semibold text-five text-2xl">Admin Info</h4>
-          <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam, tempore.</p>
-          <div className="flex gap-4 my-1 text-four bg-seven rounded-md border-five p-4 items-end justify-evenly font-bold">
-            <p className="border-five md:text-2xl">● Delhi, Dwarka.</p>
+        <div className="basis-1/2 text-five p-1 max-w-4xl m-auto justify-between my-16 ">
+          <h4 className=" text-2xl">Admin Info</h4>
+          <p className="py-2 italic text-four">
+            Please feel free to contact me with any questions or concerns.
+          </p>
+          <div className="md:flex flex-col flex gap-4 my-1 text-four bg-seven rounded-md border-five p-4 items-start justify-evenly ">
+            <p className="border-five md:text-2xl">Delhi, Dwarka</p>
             {/* <p>Hin &#9679; Eng &#9679; Sans</p> */}
             <div>
-            <p>● Hindi</p>
-            <p>● English</p>
-            <p>● sankrit</p>
+              <p>Hindi</p>
+              <p>English</p>
+              <p>sankrit</p>
             </div>
             <div className="md:text-2xl">
-            ● <AdminWeather  />
+              <AdminWeather />
             </div>
           </div>
         </div>
diff --git a/app/layout.tsx b/app/layout.tsx
index 610f9f31c..30c3ef30a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -8,18 +8,17 @@ import Footer from "./components/footer";
 import Script from "next/script";
 import GoogleAnalytics from "./components/GoogleAnalytics";
 import GoogleTagManager from "./components/GoogleTagManager";
-import { Toaster } from "@/components/ui/toaster"
+import { Toaster } from "@/components/ui/toaster";
 
 const dm_Sans = DM_Sans({
   weight: "400",
   subsets: ["latin"],
 });
-const alata = ({
+const alata = Alata({
   weight: "400",
   subsets: ["latin"],
 });
 
-
 export const metadata: Metadata = {};
 
 export default function RootLayout({
@@ -28,13 +27,16 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" className="scroll-smooth bg-primary focus:scroll-auto scrollbar-thumb-rounded-full scrollbar-thin scrollbar-thumb-four scrollbar-track-seven">
+    <html
+      lang="en"
+      className="scroll-smooth bg-primary focus:scroll-auto scrollbar-thumb-rounded-full scrollbar-thin scrollbar-thumb-four scrollbar-track-seven"
+    >
       <GoogleTagManager containerId="GTM-MV3R5HQL" />
       <meta
         name="google-site-verification"
         content="pevPfl5iK_JHKnEwB5u-hZs9u54tVHi3UJkbJ9k2eWg"
       />
-      <body className={dm_Sans.className}>
+      <body className={alata.className}>
         <FloatingNavDemo />
         <GoogleAnalytics gaId="G-0PCHHEHDFJ" />
         <ThemeProvider>{children}</ThemeProvider>
diff --git a/components/Accordion.tsx b/components/Accordion.tsx
index bde68f70e..e86445d8d 100644
--- a/components/Accordion.tsx
+++ b/components/Accordion.tsx
@@ -12,10 +12,10 @@ export function AccordionDemo() {
     <>
       <div className="text-four min-h-screen flex flex-col justify-start items-start pt-20 ">
         <div className="w-full text-center md:text-xl p-2 m-auto">
-          <div className="pt-3 text-xl font-semibold sm:font-normal sm:text-2xl text-five md:text-4xl text-center">
+          <div className="pt-3 text-center text-xl pb-2 py-3 text-2xl  md:text-4xl lg:text-5xl font-bold text-center">
             Frequently Asked Questions
           </div>
-          <p className="text-center text-base pb-2 mb-8">
+          <p className="text-center  md:text-base pb-2 mb-8">
             Feel free to ask me anything. I&apos;m here to help!
           </p>
           <Accordion
@@ -76,41 +76,43 @@ export function AccordionDemo() {
           </Accordion>
         </div>
       </div>
-      <div className="py-12  md:min-h-screen bg-primary bg-custom-radial-lg m-auto border-seven text-secondary flex flex-col justify-center items-center">
-        <h6 className="py-3 text-2xl  md:text-4xl text-center">
+      <div className="py-12  md:min-h-screen bg-primary bg-custom-radial-sm m-auto border-seven text-secondary">
+        <h6 className="py-3 text-2xl text-four md:text-4xl lg:text-5xl font-bold text-center">
           Didn&apos;t find an answer?
         </h6>
         <div className="flex flex-col justify-center items-center">
-          <p className="py-2 mb-20 text-base text-four md:text-lg px-3 text-center">
+          <p className=" mb-8 px-4 max-w-2xl text-four mx-auto text-center md:text-base pb-4">
             My team is just an email away and ready to answer your questions
           </p>
-          <AnimatedTooltipPreview />
-          <a href="/contact">
-            <button className="bg-slate-800 p-2 ml-4  mt-12 no-underline group cursor-pointer relative shadow-2xl shadow-zinc-900 rounded-full p-px text-xs font-semibold leading-6  text-white inline-block">
-              <span className="absolute inset-0 overflow-hidden rounded-full">
-                <span className="absolute inset-0 rounded-full bg-[image:radial-gradient(75%_100%_at_50%_0%,rgba(56,189,248,0.6)_0%,rgba(56,189,248,0)_75%)] opacity-0 transition-opacity duration-500 group-hover:opacity-100" />
-              </span>
-              <div className="relative flex space-x-2 items-center z-10 rounded-full bg-zinc-950 py-0.5 px-4 ring-1 ring-white/10 ">
-                <span> Contact team</span>
-                <svg
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M10.75 8.75L14.25 12L10.75 15.25"
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.5"
-                  />
-                </svg>
-              </div>
-              <span className="absolute -bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-emerald-400/90 to-emerald-400/0 transition-opacity duration-500 group-hover:opacity-40" />
-            </button>
-          </a>
+          <div className="pr-6 mt-14 pt-4 md:mt-16 md:pt-8 ">
+            <AnimatedTooltipPreview />
+            <a href="/contact">
+              <button className="bg-slate-800  p-2 ml-4 md:mr-1  my-2 no-underline group cursor-pointer relative shadow-2xl shadow-zinc-900 rounded-full p-px text-xs font-semibold leading-6  text-white inline-block">
+                <span className="absolute inset-0 overflow-hidden rounded-full">
+                  <span className="absolute inset-0 rounded-full bg-[image:radial-gradient(75%_100%_at_50%_0%,rgba(56,189,248,0.6)_0%,rgba(56,189,248,0)_75%)] opacity-0 transition-opacity duration-500 group-hover:opacity-100" />
+                </span>
+                <div className="relative text-four flex space-x-2 items-center z-10 rounded-full bg-zinc-950 py-0.5 px-4 ring-1 ring-white/10 ">
+                  <span> Contact team</span>
+                  <svg
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 24 24"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.75 8.75L14.25 12L10.75 15.25"
+                      stroke="currentColor"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="1.5"
+                    />
+                  </svg>
+                </div>
+                <span className="absolute -bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-emerald-400/90 to-emerald-400/0 transition-opacity duration-500 group-hover:opacity-40" />
+              </button>
+            </a>
+          </div>
         </div>
       </div>
     </>