Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AI Fashion"
|
||||
/>
|
||||
@@ -53,37 +45,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Design the Future of Fashion with AI"
|
||||
description="Create unique, never-seen-before fashion outfits and jewellery designs using cutting-edge generative AI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Design",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Generate Design", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg?_wi=1",
|
||||
imageAlt: "Neon Saree Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg?_wi=1", imageAlt: "Neon Saree Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490489.jpg?_wi=1",
|
||||
imageAlt: "Gold Jewellery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490489.jpg?_wi=1", imageAlt: "Gold Jewellery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sisters-twins-posing-grey_176420-7611.jpg",
|
||||
imageAlt: "Cyberpunk Jacket",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sisters-twins-posing-grey_176420-7611.jpg", imageAlt: "Cyberpunk Jacket"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg?_wi=2",
|
||||
imageAlt: "Neon Saree Design Alt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg?_wi=2", imageAlt: "Neon Saree Design Alt"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490489.jpg?_wi=2",
|
||||
imageAlt: "Gold Jewellery Alt",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490489.jpg?_wi=2", imageAlt: "Gold Jewellery Alt"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,34 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "AI Engine",
|
||||
title: "Generative Design",
|
||||
items: [
|
||||
"Advanced AI prompt engineering",
|
||||
"Multiple style architectures",
|
||||
"Rapid variation generation",
|
||||
],
|
||||
id: "f1", label: "AI Engine", title: "Generative Design", items: [
|
||||
"Advanced AI prompt engineering", "Multiple style architectures", "Rapid variation generation"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Upload",
|
||||
title: "Sketch Integration",
|
||||
items: [
|
||||
"Upload hand-drawn sketches",
|
||||
"AI conversion to photorealistic models",
|
||||
"Style customization tools",
|
||||
],
|
||||
id: "f2", label: "Upload", title: "Sketch Integration", items: [
|
||||
"Upload hand-drawn sketches", "AI conversion to photorealistic models", "Style customization tools"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Preview",
|
||||
title: "Virtual Try-On",
|
||||
items: [
|
||||
"AI model body variety",
|
||||
"Background customization",
|
||||
"High-fidelity overlay preview",
|
||||
],
|
||||
id: "f3", label: "Preview", title: "Virtual Try-On", items: [
|
||||
"AI model body variety", "Background customization", "High-fidelity overlay preview"],
|
||||
},
|
||||
]}
|
||||
title="Platform Capabilities"
|
||||
@@ -139,50 +100,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AI Couture",
|
||||
name: "Neon Silk Saree",
|
||||
price: "Unique",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg",
|
||||
},
|
||||
id: "p1", brand: "AI Couture", name: "Neon Silk Saree", price: "Unique", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxe Gold",
|
||||
name: "Filigree Ring",
|
||||
price: "Unique",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg",
|
||||
},
|
||||
id: "p2", brand: "Luxe Gold", name: "Filigree Ring", price: "Unique", rating: 5,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1918.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Urban Tech",
|
||||
name: "Cyber Jacket",
|
||||
price: "Unique",
|
||||
rating: 4,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg",
|
||||
},
|
||||
id: "p3", brand: "Urban Tech", name: "Cyber Jacket", price: "Unique", rating: 4,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Diamond",
|
||||
name: "Ice Bracelet",
|
||||
price: "Unique",
|
||||
rating: 5,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-model-demonstrating-jewelry_7502-7050.jpg",
|
||||
},
|
||||
id: "p4", brand: "Diamond", name: "Ice Bracelet", price: "Unique", rating: 5,
|
||||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-model-demonstrating-jewelry_7502-7050.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Fusion",
|
||||
name: "Modern Saree",
|
||||
price: "Unique",
|
||||
rating: 4,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-models-paper-cut-out-style_23-2149374793.jpg",
|
||||
},
|
||||
id: "p5", brand: "Fusion", name: "Modern Saree", price: "Unique", rating: 4,
|
||||
reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/fashion-models-paper-cut-out-style_23-2149374793.jpg"},
|
||||
]}
|
||||
title="Latest AI Creations"
|
||||
description="Explore the latest designs generated by our AI platform community."
|
||||
@@ -196,59 +127,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Ross",
|
||||
role: "Fashion Lead",
|
||||
company: "Studio Vogue",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Ross", role: "Fashion Lead", company: "Studio Vogue", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Chen",
|
||||
role: "Design Artist",
|
||||
company: "PixelStyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-man-s-portrait_23-2151155219.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Chen", role: "Design Artist", company: "PixelStyle", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-man-s-portrait_23-2151155219.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "ModaFuture",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah J.", role: "CEO", company: "ModaFuture", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Stylist",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-albinism-posing-studio_23-2150535751.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Stylist", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-albinism-posing-studio_23-2150535751.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
role: "Art Dir",
|
||||
company: "TrendSet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405998.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", role: "Art Dir", company: "TrendSet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405998.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Designs Created",
|
||||
},
|
||||
value: "10K+", label: "Designs Created"},
|
||||
{
|
||||
value: "5K+",
|
||||
label: "Active Designers",
|
||||
},
|
||||
value: "5K+", label: "Active Designers"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "AI Availability",
|
||||
},
|
||||
value: "24/7", label: "AI Availability"},
|
||||
]}
|
||||
title="Designer Community"
|
||||
description="See what designers around the world are creating with AI Fashion Designer."
|
||||
@@ -261,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it work?",
|
||||
content: "Our AI analyzes your prompt and generates high-quality imagery based on fashion design parameters.",
|
||||
},
|
||||
id: "q1", title: "How does it work?", content: "Our AI analyzes your prompt and generates high-quality imagery based on fashion design parameters."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the design unique?",
|
||||
content: "Yes, every generated design is unique to your input and will never be perfectly duplicated.",
|
||||
},
|
||||
id: "q2", title: "Is the design unique?", content: "Yes, every generated design is unique to your input and will never be perfectly duplicated."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I save my designs?",
|
||||
content: "You can save designs directly to your user dashboard after logging in.",
|
||||
},
|
||||
id: "q3", title: "Can I save my designs?", content: "You can save designs directly to your user dashboard after logging in."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-cyber-particles_1048-16797.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -288,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Design Your Future"
|
||||
description="Ready to bring your ideas to life? Start your creative journey today."
|
||||
@@ -304,42 +194,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#community",
|
||||
},
|
||||
label: "Community", href: "#community"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -350,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
60
src/app/profile/page.tsx
Normal file
60
src/app/profile/page.tsx
Normal file
@@ -0,0 +1,60 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function ProfileDashboard() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Gallery", id: "/#gallery" },
|
||||
{ name: "Profile", id: "/profile" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="AI Fashion"
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-16 px-4">
|
||||
<h1 className="text-4xl font-bold mb-8 text-center">My Design Dashboard</h1>
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
title="Saved Designs"
|
||||
description="Manage your curated collection of AI-generated fashion pieces."
|
||||
products={[
|
||||
{ id: "s1", brand: "User", name: "Neon Concept 01", price: "Saved", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg?_wi=1" },
|
||||
{ id: "s2", brand: "User", name: "Gold Concept 02", price: "Saved", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490489.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Account", items: [{ label: "Settings", href: "#" }, { label: "Logout", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help", href: "#" }] }
|
||||
]}
|
||||
logoText="AI Fashion"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user