bender/077b0385-5ccc-4c18-9dc4-3d9020611b61
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 1 commits from version_3 into main 2026-03-11 07:02:18 +00:00
Conversation 0 Commits 1 Files Changed 1 +11 -42
1 changed files with 11 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/page.tsx
View File

@@ -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>