From 87aa54d7867ee2e158bdd86da10633b2a086ba06 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 07:02:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 53 ++++++++++--------------------------------------
 1 file changed, 11 insertions(+), 42 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6126139..bb5154e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,30 +9,9 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import VirtualTryOnUpload from "@/components/virtualTryOn/VirtualTryOnUpload";
-import VirtualTryOnPreview from "@/components/virtualTryOn/VirtualTryOnPreview";
 import { Clock, Package, Sparkles, Target, Zap } from "lucide-react";
-import { useState } from "react";
 
 export default function LandingPage() {
-  const [userPhoto, setUserPhoto] = useState<string | null>(null);
-  const [clothesPhoto, setClothesPhoto] = useState<string | null>(null);
-  const [showPreview, setShowPreview] = useState(false);
-
-  const handleUserPhotoUpload = (photo: string) => {
-    setUserPhoto(photo);
-  };
-
-  const handleClothesPhotoUpload = (photo: string) => {
-    setClothesPhoto(photo);
-  };
-
-  const handleStartTryOn = () => {
-    if (userPhoto && clothesPhoto) {
-      setShowPreview(true);
-    }
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -140,28 +119,18 @@ export default function LandingPage() {
       <div id="tryon" data-section="tryon">
         <div className="w-full py-20 px-4 md:px-8 bg-gradient-to-b from-transparent to-background/50">
           <div className="max-w-6xl mx-auto">
-            {!showPreview ? (
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-                <VirtualTryOnUpload
-                  title="Upload Your Photo"
-                  description="Select a clear full-body photo for accurate measurements"
-                  onPhotoUpload={handleUserPhotoUpload}
-                  uploadType="user"
-                />
-                <VirtualTryOnUpload
-                  title="Upload Clothing Photo"
-                  description="Choose the clothes you want to try on"
-                  onPhotoUpload={handleClothesPhotoUpload}
-                  uploadType="clothes"
-                />
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              <div className="flex flex-col items-center justify-center p-8 rounded-lg border border-border/30 bg-card">
+                <h3 className="text-2xl font-semibold mb-2">Upload Your Photo</h3>
+                <p className="text-center text-muted-foreground mb-4">Select a clear full-body photo for accurate measurements</p>
+                <button className="px-6 py-2 bg-primary-cta text-primary-cta-foreground rounded-theme hover:opacity-90 transition-opacity">Upload Photo</button>
               </div>
-            ) : (
-              <VirtualTryOnPreview
-                userPhoto={userPhoto}
-                clothesPhoto={clothesPhoto}
-                onBack={() => setShowPreview(false)}
-              />
-            )}
+              <div className="flex flex-col items-center justify-center p-8 rounded-lg border border-border/30 bg-card">
+                <h3 className="text-2xl font-semibold mb-2">Upload Clothing Photo</h3>
+                <p className="text-center text-muted-foreground mb-4">Choose the clothes you want to try on</p>
+                <button className="px-6 py-2 bg-primary-cta text-primary-cta-foreground rounded-theme hover:opacity-90 transition-opacity">Upload Clothes</button>
+              </div>
+            </div>
           </div>
         </div>
       </div>
-- 
2.49.1