bender/54b1fbe7-ece2-46c1-b576-521d2513c508
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 1 commits from version_2 into main 2026-04-06 08:12:37 +00:00
Conversation 0 Commits 1 Files Changed 1 +7 -60
1 changed files with 7 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/app/wardrobe-ai/page.tsx
View File

@@ -2,12 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, BarChart3, Shirt, Zap, Instagram, Linkedin, Twitter } from "lucide-react";
import { Sparkles, Twitter, Instagram, Linkedin } from "lucide-react";
export default function WardrobeAIPage() {
return (
@@ -28,72 +26,21 @@ export default function WardrobeAIPage() {
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Wardrobe AI", id: "/wardrobe-ai" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" }
{ name: "Wardrobe AI", id: "/wardrobe-ai" }
]}
brandName="StyleGen AI"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Your Digital Wardrobe, Powered by AI"
<HeroLogo
logoText="Your Digital Wardrobe, Powered by AI"
description="Manage your clothing collection, get intelligent outfit suggestions, and optimize your style effortlessly."
background={{ variant: "sparkles-gradient" }}
dashboard={{
title: "Wardrobe Analytics", stats: [
{ title: "Outfits", values: [150, 200, 250], description: "Unique outfits curated" },
{ title: "Inventory", values: [45, 60, 80], description: "Items in collection" },
{ title: "Wishlist", values: [10, 20, 30], description: "Items desired" }
],
logoIcon: Sparkles,
sidebarItems: [{ icon: Shirt, active: true }, { icon: BarChart3 }, { icon: Zap }],
listTitle: "Recent Additions", listItems: [
{ icon: Shirt, title: "Navy Blue Blazer", status: "Active" },
{ icon: Shirt, title: "Silk Evening Gown", status: "Archived" }
],
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-with-clothes_23-2148762744.jpg"
}}
buttons={[{ text: "Get Started", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/wardrobe-with-clothes_23-2148762744.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
showStepNumbers={true}
animationType="slide-up"
textboxLayout="inline-image"
title="Intelligent Wardrobe Management"
description="Seamless digital wardrobe control."
useInvertedBackground={false}
features={[
{
title: "Smart Categorization", description: "Automatically tag and organize your clothing using advanced computer vision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smart-closet-app_23-2151952989.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/virtual-closet-layout_23-2150543691.jpg" }
},
{
title: "Style Recommendations", description: "AI-driven suggestions for daily outfits based on local weather and event calendars.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/outfit-planning_23-2148503623.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/personal-stylist_23-2149731132.jpg" }
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Your Wardrobe Insights"
description="Data-driven metrics to optimize your fashion journey."
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", icon: Zap, title: "Efficiency Score", value: "94%" },
{ id: "2", icon: BarChart3, title: "Cost Per Wear", value: "$2.40" },
{ id: "3", icon: Sparkles, title: "Style Versatility", value: "8.5/10" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="StyleGen AI"