Merge version_1 into main #2
@@ -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: [
|
||||
|
||||
@@ -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={[
|
||||
|
||||
Reference in New Issue
Block a user