fix links

components/FAQBlock.tsx

@@ -88,7 +88,7 @@ export default function FAQBlock() {
   return (
     <section className={'md:flex mt-10 md:my-28'}>
       <div className={'w-1/3 mr-28'}>
-        <H2>FAQs</H2>
+        <H2 id="faq">FAQs</H2>
         <H3>Frequantly Asked Questions</H3>
         <div className={'hidden md:block md:mt-[20px]'}>
           <Image src={faqImg} alt={'FAQ'} />

components/Footer.tsx

@@ -67,28 +67,31 @@ export default function Footer() {
       <div className="lg:flex">
         <ul className="flex gap-3 text-sm">
           <li className={'text-text-primary-light'}>
-            © {new Date().getFullYear()} Widefix
+            © {new Date().getFullYear()}{' '}
+            <Link target="_blank" href={'https://widefix.com'}>
+              WideFix
+            </Link>
           </li>
           <li>
             <Link
               className={'text-text-button-secondary hover:underline font-bold'}
-              href={'/'}
+              href={'https://budgetingkid.com/policy#cookies'}
             >
               Cookie Settings
             </Link>
           </li>
           <li>
             <Link
               className={'text-text-button-secondary hover:underline font-bold'}
-              href={'/'}
+              href={'https://budgetingkid.com/policy'}
             >
               Privacy Policy
             </Link>
           </li>
           <li>
             <Link
               className={'text-text-button-secondary hover:underline font-bold'}
-              href={'/'}
+              href={'https://budgetingkid.com/policy#terms'}
             >
               Terms of Service
             </Link>

components/Header.tsx

@@ -24,17 +24,17 @@ export default function Header() {
           }
         >
           <li className={'flex-1'}>
-            <Link className={HEADER_LINK_CLASSES} href="">
+            <Link className={HEADER_LINK_CLASSES} href="#how-it-works">
               How it works
             </Link>
           </li>
           <li className={'flex-1'}>
-            <Link className={HEADER_LINK_CLASSES} href="">
+            <Link className={HEADER_LINK_CLASSES} href="#faq">
               FAQs
             </Link>
           </li>
           <li className={'flex-1'}>
-            <Link className={HEADER_LINK_CLASSES} href="">
+            <Link className={HEADER_LINK_CLASSES} href="#about">
               About
             </Link>
           </li>

components/HowItWorksBlock.tsx

@@ -13,7 +13,7 @@ export default function HowItWorksBlock() {
   return (
     <section className={'pb-10 md:pb-24'}>
       <div className={'mt-10 md:mt-24 mb-16 md:text-center'}>
-        <H2>How it works</H2>
+        <H2 id="how-it-works">How it works</H2>
         <H3> Budgeting your kids finance simpified</H3>
       </div>
       <div className="md:grid md:grid-cols-2 gap-6">

components/Typography.tsx

@@ -2,14 +2,15 @@ import { Frank_Ruhl_Libre } from 'next/font/google';
 import { PropsWithChildren } from 'react';
 import classNames from 'classnames';
 const frankRuhlLibre = Frank_Ruhl_Libre({ subsets: ['latin'] });
-export function H2({ children }: PropsWithChildren) {
+export function H2({ children, id }: PropsWithChildren<{ id?: string }>) {
   return (
-    <h2 className={'text-style text-xl font-medium leading-7 mb-4'}>
+    <h2 className={'text-style text-xl font-medium leading-7 mb-4'} id={id}>
       {children}
     </h2>
   );
 }
 
+
 export function H3({
   children,
   className,

components/WhyBlock.tsx

@@ -101,7 +101,7 @@ export default function WhyBlock() {
 
   return (
     <section>
-      <H2>Why use Budgetingkid?</H2>
+      <H2 id="about">Why use Budgetingkid?</H2>
       <div className="flex flex-col gap-4 lg:flex-row">
         <H3>Manage finance for kids like never before</H3>
         <OutsideSliderControls onNext={handleNext} onPrev={handlePrev} />

next.config.js

@@ -1,6 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  output: 'export',
-};
+const nextConfig = {};
+
+if (process.env.NODE_ENV === 'production') {
+  nextConfig.output = 'export'
+}
 
 module.exports = nextConfig;