privacy policy and terms and condition added

src/app/page.tsx

@@ -37,7 +37,6 @@ const Home = () => {
     ctaTextColor: "white",
   };
 
-  // For a different section, you could create another data object with different values
   const bulkSocialData = {
     titleColoredText: "Bulk Social Media",
     titleBoldText: "Post Generator",
@@ -64,7 +63,7 @@ const Home = () => {
     ],
 
     ctaText: "Get Started Today",
-    ctaBackgroundColor: "#3482F6",
+    ctaBackgroundColor: "#ff2b85",
     ctaTextColor: "white",
   };
   const adCreativeData = {
@@ -92,7 +91,7 @@ const Home = () => {
     ],
 
     ctaText: "Try For Free",
-    ctaBackgroundColor: "#3482F6",
+    ctaBackgroundColor: "#ff2b85",
     ctaTextColor: "white",
   };
   const chatBotData = {
@@ -121,7 +120,7 @@ const Home = () => {
     ],
 
     ctaText: "Pre Book Now",
-    ctaBackgroundColor: "#3482F6",
+    ctaBackgroundColor: "#ff2b85",
     ctaTextColor: "white",
   };
 

src/app/privacy-policy/page.tsx

@@ -0,0 +1,194 @@
+import React from "react";
+
+const PrivacyPolicy = () => {
+  return (
+    <div className="min-h-screen py-12 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-4xl mx-auto bg-white rounded-xl overflow-hidden">
+        <div className="p-8">
+          <div className="text-center mb-8">
+            <h1 className="text-3xl font-bold text-gray-900">Privacy Policy</h1>
+            <p className="mt-2 text-sm text-gray-600">
+              Last Updated: 02/02/2025
+            </p>
+          </div>
+
+          <div className="prose max-w-none">
+            <p className="mb-6">
+              Welcome to <strong>PlanPost AI</strong>! Your privacy is important
+              to us. This Privacy Policy explains how we collect, use, disclose,
+              and protect your personal information when you use our platform.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              1. Information We Collect
+            </h2>
+            <p className="mb-2">
+              We collect different types of information to provide and improve
+              our services:
+            </p>
+
+            <h3 className="text-lg font-medium mt-4 mb-2 text-gray-700">
+              A. Personal Information
+            </h3>
+            <ul className="list-disc pl-6 mb-4 space-y-1">
+              <li>Name, email address, phone number</li>
+              <li>
+                Payment details (processed securely via third-party payment
+                providers)
+              </li>
+              <li>Account login credentials</li>
+            </ul>
+
+            <h3 className="text-lg font-medium mt-4 mb-2 text-gray-700">
+              B. Usage Data
+            </h3>
+            <ul className="list-disc pl-6 mb-4 space-y-1">
+              <li>Device information (IP address, browser type, OS, etc.)</li>
+              <li>Log data (timestamps, clicks, interactions, etc.)</li>
+              <li>Cookies and tracking technologies</li>
+            </ul>
+
+            <h3 className="text-lg font-medium mt-4 mb-2 text-gray-700">
+              C. User-Generated Content
+            </h3>
+            <ul className="list-disc pl-6 mb-4 space-y-1">
+              <li>
+                Posts, captions, images, and other AI-generated content created
+                using our platform
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              2. How We Use Your Information
+            </h2>
+            <p className="mb-2">We use your information to:</p>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>Provide, operate, and improve PlanPost AI</li>
+              <li>Process payments and subscriptions</li>
+              <li>Personalize user experience and content recommendations</li>
+              <li>
+                Communicate with you regarding updates, support, and promotions
+              </li>
+              <li>Ensure security and prevent fraud</li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              3. How We Share Your Information
+            </h2>
+            <p className="mb-2">
+              We do not sell or rent your personal data. However, we may share
+              it with:
+            </p>
+            <ul className="list-disc pl-6 mb-6 space-y-2">
+              <li>
+                <strong>Service Providers</strong>: Trusted third parties that
+                help us operate the platform (e.g., payment processors, cloud
+                storage, analytics tools)
+              </li>
+              <li>
+                <strong>Legal Authorities</strong>: If required by law or to
+                protect against fraud, security threats, or illegal activities
+              </li>
+              <li>
+                <strong>Business Transfers</strong>: In case of mergers,
+                acquisitions, or business restructuring
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              4. Data Security
+            </h2>
+            <p className="mb-2">
+              We implement industry-standard security measures to protect your
+              data, including:
+            </p>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>Encryption of sensitive data</li>
+              <li>Secure access controls</li>
+              <li>Regular security audits and monitoring</li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              5. Cookies and Tracking Technologies
+            </h2>
+            <p className="mb-6">
+              PlanPost AI uses cookies to enhance user experience, track
+              analytics, and improve functionality. You can manage cookie
+              preferences through your browser settings.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              6. Your Rights and Choices
+            </h2>
+            <p className="mb-2">You have the right to:</p>
+            <ul className="list-disc pl-6 mb-4 space-y-1">
+              <li>Access, update, or delete your personal data</li>
+              <li>Opt-out of marketing communications</li>
+              <li>Request a copy of your data</li>
+            </ul>
+            <p className="mb-6">
+              To exercise your rights, contact us at:{" "}
+              <strong>shahin@planpostai.com</strong>
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              7. Data Retention
+            </h2>
+            <p className="mb-6">
+              We retain user data for as long as necessary to provide our
+              services and comply with legal obligations. If you request data
+              deletion, we will remove it unless legally required to retain
+              certain information.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              8. Third-Party Links and Services
+            </h2>
+            <p className="mb-6">
+              Our platform may contain links to third-party websites or
+              services. We are not responsible for their privacy practices, and
+              we encourage you to review their policies before interacting with
+              them.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              9. Children's Privacy
+            </h2>
+            <p className="mb-6">
+              PlanPost AI is not intended for users under 13. We do not
+              knowingly collect data from minors. If you believe a child has
+              provided personal information, contact us for immediate removal.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              10. Changes to This Privacy Policy
+            </h2>
+            <p className="mb-6">
+              We may update this policy from time to time. Any changes will be
+              communicated through our platform. Continued use of PlanPost AI
+              after updates constitutes acceptance of the revised policy.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              11. Contact Us
+            </h2>
+            <p className="mb-6">
+              For any privacy-related inquiries, please contact us:
+              <br />
+              <strong>Email:</strong> shahin@planpostai.com
+              <br />
+              <strong>Phone:</strong> +880 1784-493232
+            </p>
+
+            <p className="mt-8 mb-6 font-medium">
+              By using <strong>PlanPost AI</strong>, you acknowledge that you
+              have read, understood, and agreed to this Privacy Policy.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PrivacyPolicy;

src/app/terms-and-conditions/page.tsx

@@ -0,0 +1,219 @@
+import React from "react";
+
+const TermsAndConditions = () => {
+  return (
+    <div className="min-h-screen py-12 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-4xl mx-auto bg-white rounded-xl overflow-hidden">
+        <div className="p-8">
+          <div className="text-center mb-8">
+            <h1 className="text-3xl font-bold text-gray-900">
+              Terms and Conditions
+            </h1>
+            <p className="mt-2 text-sm text-gray-600">
+              Last Updated: 02/02/2025
+            </p>
+          </div>
+
+          <div className="prose max-w-none">
+            <p className="mb-6">
+              Welcome to <strong>PlanPost AI</strong> ("the Service"), a
+              platform designed to generate AI-powered content, plans, and
+              strategies. These <strong>Terms and Conditions</strong> govern
+              your use of our platform, products, and services. By accessing or
+              using <strong>PlanPost AI</strong>, you agree to comply with these
+              terms.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              1. Acceptance of Terms
+            </h2>
+            <p className="mb-2">By using PlanPost AI, you confirm that:</p>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>
+                You are at least 18 years old or of legal age in your
+                jurisdiction.
+              </li>
+              <li>
+                You agree to these Terms, our Privacy Policy, and all applicable
+                laws.
+              </li>
+              <li>
+                You will not use the Service for illegal or unauthorized
+                purposes.
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              2. Service Description
+            </h2>
+            <p className="mb-6">
+              PlanPost AI provides users with tools for key features, e.g.,
+              "create content, automate planning, generate insights via
+              artificial intelligence. The Service may evolve over time, and we
+              reserve the right to modify, suspend, or discontinue features
+              without notice.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              3. User Responsibilities
+            </h2>
+            <p className="mb-2">You agree to:</p>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>
+                Provide accurate and up-to-date information during registration.
+              </li>
+              <li>
+                Keep your account credentials secure and notify us of
+                unauthorized access.
+              </li>
+              <li>
+                Use the Service lawfully and refrain from:
+                <ul className="list-disc pl-6 mt-2 mb-2 space-y-1">
+                  <li>Uploading harmful/violent content.</li>
+                  <li>Reverse-engineering or exploiting vulnerabilities.</li>
+                  <li>Spamming, phishing, or harassing others.</li>
+                </ul>
+              </li>
+              <li>
+                Comply with all applicable laws (e.g., copyright, data
+                protection).
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              4. Intellectual Property
+            </h2>
+            <ul className="list-disc pl-6 mb-6 space-y-2">
+              <li>
+                <strong>PlanPost AI Ownership</strong>: All software, designs,
+                logos, and content provided by PlanPost AI are owned by PlanPost
+                AI or its licensors. You may not copy, modify, or resell them
+                without explicit permission.
+              </li>
+              <li>
+                <strong>User Content</strong>: You retain ownership of content
+                you create/upload. By using the Service, you grant PlanPost AI a
+                non-exclusive, worldwide license to use, reproduce, and display
+                such content solely to operate the Service.
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              5. Privacy
+            </h2>
+            <p className="mb-6">
+              Your use of PlanPost AI is governed by our Privacy Policy, which
+              explains how we collect, use, and protect your data. By using the
+              Service, you consent to data practices outlined therein.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              6. AI-Generated Content
+            </h2>
+            <ul className="list-disc pl-6 mb-6 space-y-2">
+              <li>
+                PlanPost AI may produce outputs based on your inputs. You are
+                solely responsible for reviewing, editing, and ensuring the
+                accuracy and legality of such content.
+              </li>
+              <li>
+                We do not guarantee that AI-generated content will be
+                error-free, appropriate, or compliant with third-party rights.
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              7. Payment and Subscriptions
+            </h2>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>
+                <strong>Trial Plan</strong>: $0 (limited features)
+              </li>
+              <li>
+                <strong>Basic Plan</strong>: $19 (20 posts/month, 1 brand)
+              </li>
+              <li>
+                <strong>Standard Plan</strong>: $59 (60 posts/month, 5 brands)
+              </li>
+              <li>
+                <strong>Premium Plan</strong>: $300 (750 posts/month, 50 brands)
+              </li>
+              <li>Payments are non-refundable except as required by law.</li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              8. Disclaimers
+            </h2>
+            <p className="mb-2 uppercase font-medium">
+              THE SERVICE IS PROVIDED "AS IS" WITHOUT WARRANTIES OF ANY KIND. WE
+              DISCLAIM ALL LIABILITY FOR:
+            </p>
+            <ul className="list-disc pl-6 mb-6 space-y-1">
+              <li>ERRORS, INTERRUPTIONS, OR UNAVAILABILITY OF THE SERVICE.</li>
+              <li>LOSS OF DATA, PROFITS, OR BUSINESS OPPORTUNITIES.</li>
+              <li>
+                THIRD-PARTY ACTIONS OR CONTENT LINKED THROUGH THE SERVICE.
+              </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              9. Limitation of Liability
+            </h2>
+            <p className="mb-6">
+              To the fullest extent permitted by law, PlanPost AI and its
+              affiliates shall not be liable for any indirect, incidental, or
+              consequential damages arising from your use of the Service.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              10. Termination
+            </h2>
+            <p className="mb-6">
+              We reserve the right to suspend or terminate your access to the
+              Service at any time, with or without cause, and without prior
+              notice.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              11. Governing Law
+            </h2>
+            <p className="mb-6">
+              These Terms are governed by the laws of{" "}
+              <strong>Bangladesh</strong>. Any disputes shall be resolved in the
+              courts of <strong>Dhaka, Bangladesh</strong>.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              12. Changes to Terms
+            </h2>
+            <p className="mb-6">
+              We may update these Terms periodically. Continued use of the
+              Service after changes constitutes acceptance. We will notify users
+              of material updates via email or in-app alerts.
+            </p>
+
+            <h2 className="text-xl font-semibold mt-8 mb-4 text-gray-800">
+              13. Contact Us
+            </h2>
+            <p className="mb-6">
+              For questions or concerns about these Terms, contact us at:
+              <br />
+              <strong>PlanPost AI</strong>
+              <br />
+              Email: shahin@planpostai.com
+              <br />
+              Address: 965 (6th Floor), Apartment D, Begum Rokeya Avenue, Dhaka
+              1216
+            </p>
+
+            <p className="text-center font-medium mt-12">
+              Thank you for using PlanPost AI!
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TermsAndConditions;

src/components/Footer.tsx

@@ -6,8 +6,49 @@ import { Facebook, Twitter, Youtube } from "lucide-react";
 import Link from "next/link";
 
 export default function Footer() {
+  const freeTools = [
+    { label: "Planpost Canvas", url: "https://canvas.planpostai.com/" },
+    {
+      label: "Color Pallet Generator",
+      url: "https://colors.planpostai.com/color-palate-generator",
+    },
+    {
+      label: "Background Remover",
+      url: "https://colors.planpostai.com/bg-remove",
+    },
+    {
+      label: "Image to Color",
+      url: "https://colors.planpostai.com/image-to-color",
+    },
+    {
+      label: "Color Combinator",
+      url: "https://colors.planpostai.com/two-colors",
+    },
+    { label: "Color Wheel", url: "https://colors.planpostai.com/color-wheel" },
+  ];
+
+  const resources = [
+    { label: "Home", url: "/" },
+    { label: "Blog", url: "/blog" },
+    { label: "Media", url: "/media" },
+    { label: "Generations", url: "/generations" },
+    { label: "Pricing", url: "/pricing" },
+    { label: "Features", url: "/features" },
+  ];
+
+  const planpostAi = [
+    { label: "About Us", url: "/about" },
+    { label: "Contact", url: "/contact" },
+    { label: "FAQ", url: "/faq" },
+    { label: "Cookies Policy", url: "/cookies-policy" },
+    { label: "Privacy Policy", url: "/privacy-policy" },
+    { label: "Terms & Condition", url: "/terms-and-conditions" },
+  ];
   return (
-    <footer className="bg-gradient-to-r from-[#7c3aed] to-[#6d31d9] text-white">
+    <footer
+      id="footerSection"
+      className="bg-gradient-to-r from-[#7c3aed] to-[#6d31d9] text-white"
+    >
       <div className="max-w-7xl mx-auto px-4 py-12 md:py-16">
         {/* Top Section */}
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
@@ -32,21 +73,13 @@ export default function Footer() {
             </div>
           </div>
 
-          {/* Free Tools */}
           <div className="space-y-4">
             <h3 className="text-lg font-semibold">Free Tools</h3>
             <ul className="space-y-3">
-              {[
+              {freeTools.map(({ label, url }) => (
-                "Planpost Canvas",
+                <li key={label}>
-                "Color Pallet Generator",
+                  <Link href={url} className="text-sm hover:text-white/80">
-                "Background Remover",
+                    {label}
-                "Image to Color",
-                "Color Combinator",
-                "Color Wheel",
-              ].map((item) => (
-                <li key={item}>
-                  <Link href="#" className="text-sm hover:text-white/80">
-                    {item}
                   </Link>
                 </li>
               ))}
@@ -57,17 +90,10 @@ export default function Footer() {
           <div className="space-y-4">
             <h3 className="text-lg font-semibold">Resources</h3>
             <ul className="space-y-3">
-              {[
+              {resources.map(({ label, url }) => (
-                "Home",
+                <li key={label}>
-                "Blog",
+                  <Link href={url} className="text-sm hover:text-white/80">
-                "Media",
+                    {label}
-                "Generations",
-                "Pricing",
-                "Features",
-              ].map((item) => (
-                <li key={item}>
-                  <Link href="#" className="text-sm hover:text-white/80">
-                    {item}
                   </Link>
                 </li>
               ))}
@@ -76,19 +102,12 @@ export default function Footer() {
 
           {/* Planpost AI */}
           <div className="space-y-4">
-            <h3 className="text-lg font-semibold">Planpost Ai</h3>
+            <h3 className="text-lg font-semibold">Planpost AI</h3>
             <ul className="space-y-3">
-              {[
+              {planpostAi.map(({ label, url }) => (
-                "About Us",
+                <li key={label}>
-                "Contact",
+                  <Link href={url} className="text-sm hover:text-white/80">
-                "Faq",
+                    {label}
-                "Cookies Policy",
-                "Privacy Policy",
-                "Terms & Condition",
-              ].map((item) => (
-                <li key={item}>
-                  <Link href="#" className="text-sm hover:text-white/80">
-                    {item}
                   </Link>
                 </li>
               ))}

src/components/Header.tsx

@@ -9,37 +9,39 @@ export default function Header() {
 
   return (
     <nav className="flex items-center justify-between pr-8 absolute z-50 w-full">
-      <div className="flex items-center bg-white py-3 pr-6 pl-12 shadow-sm rounded-r-2xl">
+      <Link href="/">
-        <Image
+        <div className="flex items-center bg-white py-3 pr-6 pl-12 shadow-sm rounded-r-2xl">
-          src="/assets/images/logo.webp"
+          <Image
-          alt="Logo"
+            src="/assets/images/logo.webp"
-          width={24}
+            alt="Logo"
-          height={24}
+            width={24}
-        />
+            height={24}
-        <span className="ml-1 text-2xl font-bold text-[#ff256d]">
+          />
-          PlanPost AI
+          <span className="ml-1 text-2xl font-bold text-[#ff256d]">
-        </span>
+            PlanPost AI
-      </div>
+          </span>
+        </div>
+      </Link>
 
       {/* Desktop Menu */}
       <ul className="hidden md:flex space-x-16 px-8 pt-8 pb-4 rounded-b-3xl text-gray-800 font-medium bg-white shadow-sm">
         <li>
-          <Link href="#" className="hover:text-purple-600">
+          <Link href="/" className="hover:text-purple-600">
             Home
           </Link>
         </li>
         <li>
-          <Link href="#" className="hover:text-purple-600">
+          <Link href="#feature" className="hover:text-purple-600">
             Feature
           </Link>
         </li>
         <li>
-          <Link href="#" className="hover:text-purple-600">
+          <Link href="#pricingSection" className="hover:text-purple-600">
             Pricing
           </Link>
         </li>
         <li>
-          <Link href="#" className="hover:text-purple-600">
+          <Link href="#footerSection" className="hover:text-purple-600">
             Contact
           </Link>
         </li>
@@ -47,12 +49,16 @@ export default function Header() {
 
       {/* Login & Sign Up Buttons */}
       <div className="hidden md:flex space-x-4">
-        <button className="font-bold px-5 py-2 border-[1px] border-[#6A47ED] text-[#6A47ED] rounded-xl hover:bg-purple-100">
+        <Link href="https://dashboard.planpostai.com/">
-          Log in
+          <button className="font-bold px-5 py-2 border-[1px] border-[#6A47ED] text-[#6A47ED] rounded-xl hover:bg-purple-100">
-        </button>
+            Log in
-        <button className="font-bold px-5 py-2 bg-[#6A47ED] text-white rounded-xl hover:bg-purple-700">
+          </button>
-          Sign Up
+        </Link>
-        </button>
+        <Link href="https://dashboard.planpostai.com/">
+          <button className="font-bold px-5 py-2 bg-[#6A47ED] text-white rounded-xl hover:bg-purple-700">
+            Sign Up
+          </button>
+        </Link>
       </div>
 
       {/* Mobile Menu Button */}
@@ -84,7 +90,7 @@ export default function Header() {
           <ul className="flex flex-col space-y-4 text-gray-800 font-medium">
             <li>
               <Link
-                href="#"
+                href="/"
                 className="hover:text-purple-600"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
@@ -93,7 +99,7 @@ export default function Header() {
             </li>
             <li>
               <Link
-                href="#"
+                href="#feature"
                 className="hover:text-purple-600"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
@@ -102,7 +108,7 @@ export default function Header() {
             </li>
             <li>
               <Link
-                href="#"
+                href="#pricingSection"
                 className="hover:text-purple-600"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
@@ -111,7 +117,7 @@ export default function Header() {
             </li>
             <li>
               <Link
-                href="#"
+                href="#footerSection"
                 className="hover:text-purple-600"
                 onClick={() => setIsMobileMenuOpen(false)}
               >

src/components/PricingSection.tsx

@@ -114,7 +114,10 @@ export default function PricingSection() {
   ];
 
   return (
-    <div className="py-12 px-4 md:px-6 lg:px-8 bg-[#f5f1ff]">
+    <div
+      id="pricingSection"
+      className="py-12 px-4 md:px-6 lg:px-8 bg-[#f5f1ff]"
+    >
       <div className="max-w-7xl mx-auto">
         <div className="text-center mb-12">
           <h2 className="text-3xl md:text-4xl font-bold text-[#7c3aed] mb-8">

src/components/SocialSection.tsx

@@ -3,7 +3,12 @@ import React from "react";
 
 const SocialSection: React.FC = () => {
   return (
-    <section className="social" data-aos="fade-up" data-aos-duration="1500">
+    <section
+      id="feature"
+      className="social"
+      data-aos="fade-up"
+      data-aos-duration="1500"
+    >
       <div className="h-0 md:h-[180px] lg:h-[250px] flex justify-center relative">
         <div className="absolute -top-[200px]">
           <Image