<commit_before>import React from 'react';
import { Link } from 'react-router-dom';

const footer = {
  Sitemap: {
    Home: '/',
    Account: '/account',
    Subscription: '/account/subscription',
    Order: '/account/order',
  },
};
export function Footer() {
  return (
    <footer className="w-full pb-16 mt-16 border-t">
      <div className="flex justify-around pt-8 mx-auto flex-center max-w-7xl md:px-6 m-gray-200">
        <div className="flex flex-col space-y-2">
          <div className="pb-2 uppercase border-b border-black">Extensions</div>
          <a href={'https://firebase.google.com/products/extensions/firestore-algolia-search'}>Algolia</a>
          <a href={'https://firebase.google.com/products/extensions/storage-resize-images'}>Resize Images</a>
          <a href={'https://firebase.google.com/products/extensions/firestore-algolia-search'}>
            Firestore Bundle Server
          </a>
          <a href={'https://www.algolia.com/'}>Delete User Data</a>
          <a href={'https://firebase.google.com/products/extensions/mailchimp-firebase-sync'}>Mailchimp</a>
          <a href={'https://firebase.google.com/products/extensions/firestore-stripe-subscriptions'}>Stripe</a>
        </div>
        <div className="flex flex-col space-y-2">
          <div className="pb-2 uppercase border-b border-black">Firebase</div>
          <a href={'https://console.firebase.google.com/'}>Getting started</a>
          <a href={'https://firebase.google.com/products-build'}>Build</a>
          <a href={'https://firebase.google.com/products-release'}>Release & Monitor</a>
          <a href={'https://firebase.google.com/products-engage'}>Engage</a>

          <a href={'https://console.firebase.google.com/project/fir-demo-project/overview'}>Try demo</a>
          <a href={'https://youtu.be/iosNuIdQoy8'}>Watch video</a>
        </div>
      </div>
      <div className="flex justify-center my-16">Social Links?</div>
    </footer>
  );
}<commit_msg>feat: update footer<commit_after>import React from 'react';

export function Footer() {
  return (
    <footer className="mt-16 py-16 border-t">
      <div className="px-6 max-w-7xl mx-auto grid grid-cols-4 gap-24">
        <div className="col-start-1 col-end-3">
          <p className="text-gray-500">
            Kara's Coffee is an demo E-Commerce and Stripe application, showcasing various Firebase Extensions,
            integrations with Firebase services and more. Learn more by visiting the GitHub repository.
          </p>
        </div>
        <div className="flex flex-col space-y-2">
          <Heading>Extensions</Heading>
          <ul role="list" className="mt-4 space-y-4">
            <Link to="https://firebase.google.com/products/extensions/firestore-algolia-search">Algolia</Link>
            <Link to="https://firebase.google.com/products/extensions/storage-resize-images">Resize Images</Link>
            <Link to="https://firebase.google.com/products/extensions/firestore-stripe-subscriptions">
              Stripe Subscriptions
            </Link>
          </ul>
        </div>
        <div className="flex flex-col space-y-2">
          <Heading>Firebase</Heading>
          <ul role="list" className="mt-4 space-y-4">
            <Link to="https://console.firebase.google.com/">Firebase Console</Link>
            <Link to="https://firebase.google.com/products-build">Build</Link>
            <Link to="https://firebase.google.com/products-release">Release</Link>
            <Link to="https://firebase.google.com/products-engage">Engage</Link>
          </ul>
        </div>
      </div>
    </footer>
  );
}

function Heading({ children }: { children: string }) {
  return <h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">{children}</h3>;
}

function Link({ to, children }: { to: string; children: string }) {
  return (
    <li>
      <a href={to} target="_blank" rel="noreferrer" className="text-gray-500 hover:text-gray-900">
        {children}
      </a>
    </li>
  );
}
{'fraction_non_alphanumeric': 0.1669157947184853, 'fraction_numerical': 0.012207274539113104, 'mean_word_length': 2.7244897959183674, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 19, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3679794', 'n_tokens_mistral': 1270, 'n_tokens_neox': 1258, 'n_words': 227}