feat: Add environment configuration, ESLint setup, GitHub Actions deployment workflow, comprehensive API documentation, Jest testing configuration, and optimized Vite setup; implement AI model lazy loading and SEO components for improved performance and user experience

2025-10-05 06:34:26 -07:00
parent 52e9acb329
commit e6aec40163
10 changed files with 583 additions and 0 deletions
@@ -0,0 +1,42 @@
+// Example: Modular Page Structure
+import React from 'react'
+import { SEOHead } from '@/components/SEO'
+import { PageShell } from '@/components/Layout'
+import { DonationForm } from './DonationForm'
+import { ImpactCalculator } from './ImpactCalculator'
+import { DonationTiers } from './DonationTiers'
+import { Heart } from 'lucide-react'
+
+interface DonatePageProps {
+  className?: string
+}
+
+export const DonatePage: React.FC<DonatePageProps> = ({ className }) => {
+  return (
+    <>
+      <SEOHead 
+        title="Donate - Support Students in Need"
+        description="Your donation directly supports students with school supplies, clothing, and emergency assistance."
+      />
+      
+      <PageShell 
+        title="Make a Difference Today" 
+        icon={Heart} 
+        eyebrow="Every dollar counts"
+        className={className}
+      >
+        <div className="grid gap-8 lg:grid-cols-3">
+          <div className="lg:col-span-2 space-y-8">
+            <DonationTiers />
+            <DonationForm />
+          </div>
+          
+          <div className="space-y-6">
+            <ImpactCalculator />
+            {/* Add trust badges, testimonials, etc. */}
+          </div>
+        </div>
+      </PageShell>
+    </>
+  )
+}