privacy policy and terms and condition added
This commit is contained in:
jhpin2
parent
f3bf6123d6
commit
7f83f588c0
7 changed files with 512 additions and 67 deletions
|
|
@ -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",
|
||||
};
|
||||
|
||||
|
|
|
|||
194
src/app/privacy-policy/page.tsx
Normal file
194
src/app/privacy-policy/page.tsx
Normal file
|
|
@ -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;
|
||||
219
src/app/terms-and-conditions/page.tsx
Normal file
219
src/app/terms-and-conditions/page.tsx
Normal file
|
|
@ -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;
|
||||
|
|
@ -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">
|
||||
{[
|
||||
"Planpost Canvas",
|
||||
"Color Pallet Generator",
|
||||
"Background Remover",
|
||||
"Image to Color",
|
||||
"Color Combinator",
|
||||
"Color Wheel",
|
||||
].map((item) => (
|
||||
<li key={item}>
|
||||
<Link href="#" className="text-sm hover:text-white/80">
|
||||
{item}
|
||||
{freeTools.map(({ label, url }) => (
|
||||
<li key={label}>
|
||||
<Link href={url} className="text-sm hover:text-white/80">
|
||||
{label}
|
||||
</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">
|
||||
{[
|
||||
"Home",
|
||||
"Blog",
|
||||
"Media",
|
||||
"Generations",
|
||||
"Pricing",
|
||||
"Features",
|
||||
].map((item) => (
|
||||
<li key={item}>
|
||||
<Link href="#" className="text-sm hover:text-white/80">
|
||||
{item}
|
||||
{resources.map(({ label, url }) => (
|
||||
<li key={label}>
|
||||
<Link href={url} className="text-sm hover:text-white/80">
|
||||
{label}
|
||||
</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">
|
||||
{[
|
||||
"About Us",
|
||||
"Contact",
|
||||
"Faq",
|
||||
"Cookies Policy",
|
||||
"Privacy Policy",
|
||||
"Terms & Condition",
|
||||
].map((item) => (
|
||||
<li key={item}>
|
||||
<Link href="#" className="text-sm hover:text-white/80">
|
||||
{item}
|
||||
{planpostAi.map(({ label, url }) => (
|
||||
<li key={label}>
|
||||
<Link href={url} className="text-sm hover:text-white/80">
|
||||
{label}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ export default function Header() {
|
|||
|
||||
return (
|
||||
<nav className="flex items-center justify-between pr-8 absolute z-50 w-full">
|
||||
<Link href="/">
|
||||
<div className="flex items-center bg-white py-3 pr-6 pl-12 shadow-sm rounded-r-2xl">
|
||||
<Image
|
||||
src="/assets/images/logo.webp"
|
||||
|
|
@ -20,26 +21,27 @@ export default function Header() {
|
|||
PlanPost AI
|
||||
</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">
|
||||
<Link href="https://dashboard.planpostai.com/">
|
||||
<button className="font-bold px-5 py-2 border-[1px] border-[#6A47ED] text-[#6A47ED] rounded-xl hover:bg-purple-100">
|
||||
Log in
|
||||
</button>
|
||||
</Link>
|
||||
<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)}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue