This repository has no description
1'use client';
2
3import { useState } from 'react';
4import Link from 'next/link';
5import styles from './shortcut.module.css';
6
7export default function ShortcutPage() {
8 const [isCopied, setIsCopied] = useState(false);
9
10 const handleDownload = () => {
11 // Usually this would be a direct link to the shortcut file
12 window.open('https://www.icloud.com/shortcuts/d1caee7798dc4de3bef4defa0085dd72', '_blank');
13 };
14
15 return (
16 <div className={styles.container}>
17 <div className={styles.header}>
18 <h1 className={styles.title}>Apple Shortcut</h1>
19 <p className={styles.subtitle}>Flush faster or add an NFC sticker to your bathroom for automatic flushing</p>
20 <button onClick={handleDownload} className={styles.downloadButton}>
21 Download Shortcut
22 </button>
23 <div className={styles.helpSection}>
24 <h2>Need Help?</h2>
25 <p>
26 Check out our <Link href="/about">About page</Link> for more information or
27 reach out on <a href="https://bsky.app/profile/flushes.app" target="_blank" rel="noopener noreferrer">Bluesky</a>.
28 </p>
29 </div>
30 </div>
31 </div>
32 );
33}