Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-26 06:05:40 +00:00
2 changed files with 29 additions and 28 deletions

View File

@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Calendar, Check, Clock, Cloud, Eye, Heart, LayoutDashboard, Palette, PieChart, Plus, Scan, Settings, Sparkles, TrendingUp, Wand2 } from "lucide-react";
import { Calendar, Check, Clock, Cloud, Eye, Heart, LayoutDashboard, Palette, PieChart, Plus, Scan, Settings, Sparkles, TrendingUp, Wand2, Shirt, View, Brain } from "lucide-react";
export default function LandingPage() {
return (
@@ -64,92 +64,92 @@ export default function LandingPage() {
tagIcon={LayoutDashboard}
dashboard={{
title: "Your VESTRA Snapshot",
logoIcon: "Sparkles",
logoIcon: Sparkles,
stats: [
{
value: "120+",
values: "120+",
label: "Items Managed",
},
{
value: "98%",
values: "98%",
label: "Style Match",
},
{
value: "15",
values: "15",
label: "New Outfits",
},
],
sidebarItems: [
{
icon: Shirt,
label: "My Wardrobe",
text: "My Wardrobe",
href: "/wardrobe",
},
{
icon: Sparkles,
label: "Outfit Ideas",
text: "Outfit Ideas",
href: "/outfits",
},
{
icon: TrendingUp,
label: "Style Trends",
text: "Style Trends",
href: "#",
},
{
icon: Settings,
label: "Settings",
text: "Settings",
href: "#",
},
],
buttons: [
{
text: "Add New Item",
icon: Plus,
leftIcon: Plus,
},
{
text: "Generate Outfit",
icon: Wand2,
leftIcon: Wand2,
},
],
listItems: [
{
title: "Added new blazer",
description: "Category: Outerwear",
subtitle: "Category: Outerwear",
icon: Plus,
},
{
title: "Wore 'Evening Chic'",
description: "Last worn: 2 days ago",
subtitle: "Last worn: 2 days ago",
icon: Check,
},
{
title: "Liked 'Summer Vibes'",
description: "New favorite outfit",
subtitle: "New favorite outfit",
icon: Heart,
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-sleek-dark-ui-screenshot-of-vestra-s-w-1774504954179-b22b8bb5.png?_wi=3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-sleek-dark-ui-screenshot-of-vestra-s-w-1774504954179-b22b8bb5.png",
imageAlt: "VESTRA Dashboard Interface showing wardrobe stats",
chartTitle: "Wardrobe Composition",
chartData: [
{
name: "Tops",
label: "Tops",
value: 40,
},
{
name: "Bottoms",
label: "Bottoms",
value: 30,
},
{
name: "Dresses",
label: "Dresses",
value: 15,
},
{
name: "Outerwear",
label: "Outerwear",
value: 10,
},
{
name: "Accessories",
label: "Accessories",
value: 5,
},
],
@@ -169,7 +169,7 @@ export default function LandingPage() {
title: "3D Wardrobe Visualization",
description: "Interact with your clothes in a stunning 3D environment, seeing how each piece looks and fits.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-futuristic-3d-rotating-smart-wardrobe--1774504954222-ebcba7c0.png?_wi=2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-futuristic-3d-rotating-smart-wardrobe--1774504954222-ebcba7c0.png",
imageAlt: "Interactive 3D wardrobe display",
},
items: [
@@ -193,7 +193,7 @@ export default function LandingPage() {
title: "AI-Powered Style Assistant",
description: "Get instant outfit suggestions based on weather, occasion, and your personal style preferences.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-dark-modern-ui-screenshot-of-vestra-s--1774504954621-501aab5d.png?_wi=2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-dark-modern-ui-screenshot-of-vestra-s--1774504954621-501aab5d.png",
imageAlt: "AI outfit recommendation interface",
},
items: [

View File

@@ -7,7 +7,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Calendar, Cloud, Grip, Move, Palette, Scan, Tool } from "lucide-react";
import { Calendar, Cloud, Grip, Move, Palette, Scan, Settings, Shirt, Rotate3D } from "lucide-react";
export default function LandingPage() {
return (
@@ -64,7 +64,7 @@ export default function LandingPage() {
title: "Immersive Visualization",
subtitle: "Experience your closet like never before.",
description: "Rotate, zoom, and try on virtual garments in a stunning 3D environment. See every detail from every angle.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-futuristic-3d-rotating-smart-wardrobe--1774504954222-ebcba7c0.png?_wi=3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-futuristic-3d-rotating-smart-wardrobe--1774504954222-ebcba7c0.png",
imageAlt: "3D wardrobe visualization interface",
},
{
@@ -73,7 +73,7 @@ export default function LandingPage() {
title: "Smart Categorization",
subtitle: "Keep track of every item effortlessly.",
description: "VESTRA automatically categorizes your items by type, color, season, and more, making organization a breeze.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-sleek-dark-ui-screenshot-of-vestra-s-w-1774504954179-b22b8bb5.png?_wi=4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-sleek-dark-ui-screenshot-of-vestra-s-w-1774504954179-b22b8bb5.png",
imageAlt: "Wardrobe categorization screen",
},
{
@@ -82,7 +82,7 @@ export default function LandingPage() {
title: "Detailed Item Tracking",
subtitle: "Know what you own, always.",
description: "Log details like brand, size, purchase date, and cleaning instructions for each piece of clothing.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-3d-rendering-of-a-stylish-modern-men-s-1774504953514-1863013d.png?_wi=2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-3d-rendering-of-a-stylish-modern-men-s-1774504953514-1863013d.png",
imageAlt: "Detailed view of a shirt in the wardrobe",
},
]}
@@ -99,7 +99,7 @@ export default function LandingPage() {
title="Your Wardrobe, Smarter."
description="Beyond simple organization, VESTRA offers advanced features to enhance your clothing management."
tag="Advanced Tools"
tagIcon={Tool}
tagIcon={Settings}
accordionItems={[
{
id: "1",
@@ -122,7 +122,7 @@ export default function LandingPage() {
content: "You can attach care instructions and even schedule reminders for dry cleaning or laundry for each item, extending the life of your garments.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-dark-modern-ui-screenshot-of-vestra-s--1774504954621-501aab5d.png?_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEkLfKMy48GDgE7b9QK7UtsOz/a-dark-modern-ui-screenshot-of-vestra-s--1774504954621-501aab5d.png"
imageAlt="Styling suggestions on a phone"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -131,6 +131,7 @@ export default function LandingPage() {
<div id="feature" data-section="feature">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[