gfs

app/components/DeviceAddress.tsx

@@ -1,7 +1,7 @@
 // components/DeviceAddress.tsx
 "use client";
 import { IconLocationFilled } from "@tabler/icons-react";
-
+import { motion } from "framer-motion";
 import { useEffect, useState } from "react";
 
 type DeviceAddress = {
@@ -40,16 +40,27 @@ const DeviceAddress: React.FC = () => {
             <p>Error: {error}</p>
           </div>
         ) : address ? (
-          <div className="flex text-xs sm:text-sm gap-1 text-secondary justify-center items-center">
+          <motion.div
+            initial={{ opacity: 0, x: 30 }}
+            animate={{ opacity: 1, x: 0 }}
+            transition={{ delay: 4, duration: 2 }}
+            className="flex text-xs overflow-y-hidden sm:text-sm gap-1 text-secondary justify-center items-center"
+          >
             {/* <h2 className="text-2xl font-bold mb-4 text-center">Device Address</h2> */}
             {/* <p className="text-lg"><strong>IP:</strong> {address.ip}</p> */}
-           <IconLocationFilled  className="h-4 sm:h-10 " />
+            <IconLocationFilled className="h-4 sm:h-10 " />
             <p className=""> {address.city},</p>
             <p className=""> {address.country}</p>
-          </div>
+          </motion.div>
         ) : (
           <div className="text-center  p-2">
-            <p>wait a minute...</p>
+            <motion.p
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ delay: 0.1, duration: 0.2 }}
+            >
+              just a moment...
+            </motion.p>
           </div>
         )}
       </div>

app/components/VisionSection.tsx

@@ -324,12 +324,12 @@ export const VisionSection: React.FC = () => {
             <div className="bg-secondary my-12">
               <div className="md:flex-col text-primary max-w-6xl m-auto gap-2 py-4  flex-row-reverse">
                 <div className="flex items-center ">
-                  <h3 className="md:text-4xl text-2xl py-6 text-center m-auto px-3 max-w-3xl">
+                  <h3 className="md:text-4xl text-2xl opacity-50 py-6 text-center m-auto px-3 max-w-3xl">
                     Make a Innovative customization
                   </h3>
                 </div>
                 <div className="flex justify-center my-8">
-                  <span className="p-2 px-3 bg-seven  border-seven border rounded-full w-fit ">
+                  <span className="p-2 px-3 text-four bg-seven border-seven border rounded-full w-fit ">
                     How &apos;s need it
                   </span>
                 </div>
@@ -705,21 +705,22 @@ export const VisionSection: React.FC = () => {
           </div>
           <div className="border-third">
             <div className=" py-6 border-yellow-500 bg-secondary p-2">
-              <h1 className="md:text-2xl text-xl text-primary py-6 text-center m-auto max-w-3xl">
-                Maximized efficiency with fully automated best practices and
-                fully supported advanced tricks.
+              <h1 className="md:text-2xl text-xl opacity-50 text-primary py-6 text-center m-auto max-w-3xl">
+                Services and compitable web3 websites
               </h1>
 
-              <div className="flex justify-center ">
+              <div className="flex py-16  justify-center ">
                 <span className="p-2 px-3 text-four bg-seven border-seven border rounded-full w-fit ">
                   SEO & Performance
                 </span>
               </div>
 
               <div className="flex flex-col max-w-6xl m-auto text-primary  md:grid md:grid-flow-row-dense md:grid-cols-4 md:grid-rows-2  text-five rounded-lg m-2 max-h-fit gap-4">
                 <div className="col-span-2   md:p-10  flex flex-col justify-start   p-2">
-                  <h5 className="text-2xl text-four">Analytics</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">
+                    Analytics & data insight
+                  </h5>
+                  <p className="py-2 text-sm font-normal">
                     Effortlessly monitor all aspects of your performance with
                     our robust, GDPR-compliant{" "}
                     <strong className="text-four">
@@ -738,8 +739,8 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2   md:p-10  flex flex-col justify-start p-2 ">
-                  <h5 className="text-2xl text-four">Metadata</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">Metadata Google works</h5>
+                  <p className="py-2 text-sm font-normal">
                     Ensure your page stands out with a compelling title and
                     description, while our top-notch handles ensure{" "}
                     <strong className="text-four">
@@ -758,8 +759,8 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2 md:p-10  flex flex-col justify-start p-2 ">
-                  <h5 className="text-2xl text-four">Semantics</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">Semantic structure</h5>
+                  <p className="py-2 text-sm font-normal">
                     Make sure to implement semantic tags on your websites to
                     improve their{" "}
                     <strong className="text-four">structure.</strong>
@@ -775,8 +776,10 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2 md:p-10  flex flex-col justify-start p-2">
-                  <h5 className="text-2xl text-four">Accessibility</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">
+                    Accessibility in devices
+                  </h5>
+                  <p className="py-2 text-sm font-normal">
                     Design inclusive and{" "}
                     <strong className="text-four">accessible websites</strong>{" "}
                     by utilizing alt tags, Tab Index, element tags, and more.
@@ -791,9 +794,9 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="col-span-2  md:p-10  flex flex-col justify-start p-2">
-                  <h5 className="text-2xl text-four">Lighthouse Scores</h5>
-                  <p className="py-2 font-normal">
+                <div className="col-span-2   md:p-10  flex flex-col justify-start p-2">
+                  <h5 className="text-xl text-four">Lighthouse Scores</h5>
+                  <p className="py-2 text-sm font-normal">
                     Ensure your page stands out with a compelling title and
                     description,{" "}
                     <strong className="text-four">
@@ -812,8 +815,8 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2 md:p-10  flex flex-col justify-start p-2">
-                  <h5 className="text-2xl text-four">Sitemap</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">Sitemap browsing</h5>
+                  <p className="py-2 text-sm font-normal">
                     We understand the importance of generating a sitemap that
                     reflects your site&apos;s{" "}
                     <strong className="text-four">
@@ -831,8 +834,8 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2 rounded-md rounded-md md:p-10  flex flex-col justify-start p-2">
-                  <h5 className="text-2xl text-four"> SSR</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four"> SSR fast accessible</h5>
+                  <p className="py-2 text-sm font-normal">
                     Boost your website speed with{" "}
                     <strong className="text-four">Server Side Rendering</strong>{" "}
                     achieve faster load times and higher scores.
@@ -848,8 +851,8 @@ export const VisionSection: React.FC = () => {
                   </div>
                 </div>
                 <div className="col-span-2  md:p-10 rounded-md  md:p-10  flex flex-col justify-start  p-2">
-                  <h5 className="text-2xl text-four">Hosting</h5>
-                  <p className="py-2 font-normal">
+                  <h5 className="text-xl text-four">Hosting matters</h5>
+                  <p className="py-2 text-sm font-normal">
                     Experience lightning-fast page loading, no matter where you
                     are in the world.
                   </p>

app/components/WeatherApp.tsx

@@ -18,6 +18,7 @@ const Weather: React.FC = () => {
           longitude: longitude,
           current_weather: true,
           temperature_unit: "celsius", // or "fahrenheit" if preferred
+          cloud_cover: "pecent",
           timezone: "auto",
         },
       };
@@ -54,16 +55,18 @@ const Weather: React.FC = () => {
   return (
     <div>
       {error ? (
-        <p>{error}</p>
+        <motion.p
+          initial={{ opacity: 0, x: 30 }}
+          animate={{ opacity: 1, x: 0 }}
+          transition={{ delay: 4, duration: 2 }}
+        >
+          {error}
+        </motion.p>
       ) : weather ? (
         <div className="sm:text-sm">
           <motion.div>
-            <p className="">
-              {weather.current_weather.temperature}°C
-            </p>
-            <p className="">Clear Sky</p>
+            <p className="">{weather.current_weather.temperature}°C</p>
           </motion.div>
-
         </div>
       ) : (
         <p></p>

app/components/footer.tsx

@@ -277,7 +277,7 @@ export default function Footer() {
               <div className="mx-auto">
                 <div className="flex justify-center space-x-4">
                   {/* <InstaGallery /> */}
-                  <DataSet />
+                  {/* <DataSet /> */}
                 </div>
               </div>
             </ul>

app/components/heroSection.tsx

@@ -1276,8 +1276,8 @@ export function HeroSection() {
           <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 ">
+            <div className="absolute text-center sm:text-left 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 ">
                 Have a Project in Mind?
               </motion.h2>
               <motion.p className="text-four font-normal mx-4 md:mx-10  my-4 max-w-2xl ">

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">
-          Embrace the new, seek innovation, and discover possibilities.
+          embrace the new, seek innovation, and discover possibilities.
         </p>
         <TypewriterEffectSmooth words={words} />
       </div>

app/components/ui/animated-tooltip.tsx

@@ -93,7 +93,7 @@ export const AnimatedTooltip = ({
               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-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 className="object-cover !m-0 !p-0 bg-four 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>
       ))}

components/Accordion.tsx

@@ -87,12 +87,12 @@ export function AccordionDemo() {
           <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">
+              <button className="bg-slate-800 ml-4  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>
+                <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"