responsiveness

Author: Copstud3

src/app/sections/footer.tsx

@@ -33,7 +33,7 @@ const socialLinks = [
 ];
 const Footer = () => {
   return (
-    <section className="my-[78px] bg-white">
+    <section className="py-[78px] bg-white">
       <section className="gap-[96px] flex flex-col lg:flex-row justify-center items-start p-10 lg:p-20">
         <div className="flex flex-col">
           <Image src={footerLogo} alt="footerlogo" />

src/app/sections/header.tsx

@@ -6,11 +6,12 @@ import { Button } from "@/components/ui/button";
 import { Menu, X } from "lucide-react";
 import Image from "next/image";
 
+
 const Header: React.FC = () => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
   return (
-    <header className="w-full  border-b border-[#F8E6F8] bg-white shadow-md py-2">
+    <header className="w-full  border-b border-[#F8E6F8] bg-white shadow-md py-2 sticky top-0 z-40">
       <div className="container mx-auto flex items-center justify-between px-4 py-4 md:px-6 h-full">
         <div className="pl-4">
           <Link href="/">
@@ -60,7 +61,7 @@ const Header: React.FC = () => {
       </div>
 
       {isOpen && (
-        <div className="md:hidden bg-white shadow-md border-t absolute z-10 w-screen right-[20px]">
+        <div className="md:hidden bg-white shadow-md border-t absolute z-10 w-screen">
           <nav className="flex flex-col items-center py-4 space-y-4">
             <Link
               href="/features"

src/app/sections/pricing.tsx

@@ -3,8 +3,8 @@ import PricingCard from "@/components/pricing-card";
 
 export default function Pricing() {
   return (
-    <section className="xl:p-20 p-10 bg-white">
-      <div className="w-full relative max-w-7xl m-20  lg:py-15 px-4 xl:px-15 py-10 mx-auto rounded-[14px] bg-[#1E1E1E]">
+    <section className="xl:p-20 py-10 bg-white">
+      <div className="w-full relative max-w-7xl lg:py-15 px-7 xl:px-15 py-10 mx-auto lg:rounded-[14px] bg-[#1E1E1E]">
         <div className="w-fit mx-auto flex flex-col">
           <div className="text-[#F9F] text-center text-[16px] font-semibold leading-[32px]">
             UNLOCK THE FULL POTENTIAL OF AI-ADGEN