From caf6fef3adb0425e3a89ca318136adc3e5f5d17c Mon Sep 17 00:00:00 2001
From: Sahil Sobhani <sahilsobhani4@gmail.com>
Date: Wed, 16 Jul 2025 23:34:20 +0530
Subject: [PATCH] Redesigned the footer for mobile devices: UI Changes

---
 apps/web/.env.example              | 15 ---------------
 apps/web/src/components/footer.tsx |  8 ++++----
 2 files changed, 4 insertions(+), 19 deletions(-)
 delete mode 100644 apps/web/.env.example

diff --git a/apps/web/.env.example b/apps/web/.env.example
deleted file mode 100644
index d63df851..00000000
--- a/apps/web/.env.example
+++ /dev/null
@@ -1,15 +0,0 @@
-# Environment Variables Example
-# Copy this file to .env.local and update the values as needed
-
-DATABASE_URL="postgresql://opencut:opencutthegoat@localhost:5432/opencut"
-
-# Better Auth
-NEXT_PUBLIC_BETTER_AUTH_URL=http://localhost:3000
-BETTER_AUTH_SECRET=your-secret-key-here
-
-# Development Environment
-NODE_ENV=development
-
-# Redis
-UPSTASH_REDIS_REST_URL=http://localhost:8079
-UPSTASH_REDIS_REST_TOKEN=example_token
diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx
index 81505d4a..731aa2f7 100644
--- a/apps/web/src/components/footer.tsx
+++ b/apps/web/src/components/footer.tsx
@@ -34,15 +34,15 @@ export function Footer() {
         <div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-8">
           {/* Brand Section */}
           <div className="md:col-span-1 max-w-sm">
-            <div className="flex items-center gap-2 mb-4">
+            <div className="flex justify-center md:justify-start items-center gap-2 mb-4">
               <Image src="/logo.svg" alt="OpenCut" width={24} height={24} />
               <span className="font-bold text-lg">OpenCut</span>
             </div>
-            <p className="text-sm text-muted-foreground mb-5">
+            <p className="text-sm text-center md:text-left text-muted-foreground mb-5">
               The open source video editor that gets the job done. Simple,
               powerful, and works on any platform.
             </p>
-            <div className="flex gap-3">
+            <div className="flex justify-center md:justify-start gap-3">
               <Link
                 href="https://github.com/OpenCut-app/OpenCut"
                 className="text-muted-foreground hover:text-foreground transition-colors"
@@ -70,7 +70,7 @@ export function Footer() {
             </div>
           </div>
 
-          <div className="flex gap-12 justify-end items-start py-2">
+          <div className="flex gap-12 md:justify-end justify-center items-start py-2">
             <div>
               <h3 className="font-semibold text-foreground mb-4">Resources</h3>
               <ul className="space-y-2 text-sm">