-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathQuoteGeneratorPage.jsx
More file actions
54 lines (49 loc) · 1.7 KB
/
QuoteGeneratorPage.jsx
File metadata and controls
54 lines (49 loc) · 1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
import React from 'react';
import { Link } from 'react-router-dom';
import { ArrowLeftIcon } from '@phosphor-icons/react';
import Seo from '../../components/Seo';
import BreadcrumbTitle from '../../components/BreadcrumbTitle';
import QuoteGeneratorApp from '../../app/QuoteGenerator/QuoteGeneratorApp';
const QuoteGeneratorPage = () => {
return (
<div className="min-h-screen bg-[#0a0a0a] text-gray-100 font-sans selection:bg-red-900/50 selection:text-white pb-24">
<Seo
title="Quote Generator | Fezcodex"
description="Create beautiful quote images with customizable themes, fonts, and colors."
keywords={[
'quote',
'generator',
'image',
'maker',
'typography',
'design',
]}
/>
<div className="mx-auto max-w-7xl px-6 py-24 md:px-12">
{/* Header */}
<header className="mb-12">
<Link
to="/apps"
className="mb-8 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-red-500 transition-colors uppercase tracking-widest"
>
<ArrowLeftIcon weight="bold" />
<span>Applications</span>
</Link>
<div className="space-y-4">
<BreadcrumbTitle
title="Quote Generator"
slug="quote-gen"
variant="brutalist"
/>
<p className="text-xl text-gray-400 max-w-2xl font-serif italic">
"Words are, in my not-so-humble opinion, our most inexhaustible
source of magic."
</p>
</div>
</header>
<QuoteGeneratorApp />
</div>
</div>
);
};
export default QuoteGeneratorPage;