reafactor: converted the entire thing into a nextjs app

components/PrivacyPolicy.tsx

@@ -1,21 +1,18 @@
 import React from 'react';
 import { ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
 
-interface PrivacyPolicyProps {
-  onBack: () => void;
-}
-
-const PrivacyPolicy: React.FC<PrivacyPolicyProps> = ({ onBack }) => {
+const PrivacyPolicy: React.FC = () => {
   return (
     <div className="bg-background-dark min-h-screen text-text-light font-sans pt-32 pb-20">
       <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
-        <button
-          onClick={onBack}
+        <Link
+          href="/"
           className="flex items-center gap-2 text-primary hover:text-emerald-400 transition-colors mb-8 group"
         >
           <ArrowLeft size={20} className="group-hover:-translate-x-1 transition-transform" />
           <span>Back to Home</span>
-        </button>
+        </Link>
 
         <h1 className="text-4xl lg:text-5xl font-display font-bold mb-4 text-white">Privacy Policy for Cardly</h1>
         <p className="text-gray-400 mb-8">Last Updated: 2026-01-01</p>