17 Commits

Author SHA1 Message Date
ccd8aba2e7 Update src/app/dashboard/page.tsx 2026-04-07 18:10:20 +00:00
1bdae8524a Update src/app/dashboard/page.tsx 2026-04-07 18:09:48 +00:00
550991d33e Update src/app/dashboard/page.tsx 2026-04-07 18:09:19 +00:00
1ada695782 Update src/app/dashboard/page.tsx 2026-04-07 18:08:47 +00:00
ec7f82ddad Update src/app/signup/page.tsx 2026-04-07 18:08:20 +00:00
5f803570b0 Update src/app/login/page.tsx 2026-04-07 18:08:20 +00:00
76b0527338 Update src/app/dashboard/page.tsx 2026-04-07 18:08:20 +00:00
db1b2b5abe Add src/app/stories/page.tsx 2026-04-07 18:07:50 +00:00
d862514e9f Add src/app/signup/page.tsx 2026-04-07 18:07:50 +00:00
c3f0d6d3a4 Update src/app/page.tsx 2026-04-07 18:07:49 +00:00
57010553a6 Add src/app/login/page.tsx 2026-04-07 18:07:49 +00:00
c12a27ad9a Add src/app/imagination/page.tsx 2026-04-07 18:07:48 +00:00
d2cbf75bf5 Add src/app/ideas/page.tsx 2026-04-07 18:07:48 +00:00
b92b0871ff Add src/app/dashboard/page.tsx 2026-04-07 18:07:47 +00:00
d4ffec2c1c Add src/app/crafts/page.tsx 2026-04-07 18:07:47 +00:00
375ef109dc Add src/app/art/page.tsx 2026-04-07 18:07:47 +00:00
4d9e0a6a4b Merge version_1 into main
Merge version_1 into main
2026-04-07 18:06:56 +00:00
9 changed files with 157 additions and 168 deletions

2
src/app/art/page.tsx Normal file
View File

@@ -0,0 +1,2 @@
"use client";
export default function ArtPage() { return <div className="py-20 text-center text-4xl">Art Category</div>; }

2
src/app/crafts/page.tsx Normal file
View File

@@ -0,0 +1,2 @@
"use client";
export default function CraftsPage() { return <div className="py-20 text-center text-4xl">Crafts Category</div>; }

View File

@@ -0,0 +1,43 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import { LayoutDashboard, PenTool, Image, User, Settings } from "lucide-react";
export default function DashboardPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Login", id: "/login" },
{ name: "Sign Up", id: "/signup" }
]}
brandName="StoryCraft"
/>
</div>
<div id="dashboard-hero" data-section="dashboard-hero">
<HeroBillboardDashboard
title="Welcome Back, Creator"
description="Manage your submissions, view engagement statistics, and update your profile."
background={{ variant: "sparkles-gradient" }}
dashboard={{
title: "User Dashboard",
stats: [
{ title: "Total Submissions", values: [12, 14, 18], description: "Stories and art pieces uploaded." },
{ title: "Engagement", values: [85, 92, 78], description: "Views and interactions on your art." },
{ title: "Followers", values: [150, 200, 250], description: "Your growing community base." }
],
logoIcon: LayoutDashboard,
sidebarItems: [{ icon: PenTool, active: false }, { icon: Image, active: false }, { icon: User, active: false }, { icon: Settings, active: false }],
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg", buttons: [{ text: "View All", href: "/all" }, { text: "New Project", href: "/create" }],
listItems: [{ icon: PenTool, title: "Draft 1", status: "Pending" }, { icon: Image, title: "Draft 2", status: "Published" }]
}}
/>
</div>
</ThemeProvider>
);
}

2
src/app/ideas/page.tsx Normal file
View File

@@ -0,0 +1,2 @@
"use client";
export default function IdeasPage() { return <div className="py-20 text-center text-4xl">Ideas Category</div>; }

View File

@@ -0,0 +1,2 @@
"use client";
export default function ImaginationPage() { return <div className="py-20 text-center text-4xl">Imagination Category</div>; }

33
src/app/login/page.tsx Normal file
View File

@@ -0,0 +1,33 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function LoginPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Login", id: "/login" },
{ name: "Sign Up", id: "/signup" }
]}
brandName="StoryCraft"
/>
</div>
<div id="login-center" data-section="login-center">
<ContactCenter
tag="Welcome Back"
title="Login to Your Account"
description="Continue sharing your creative journey with our community."
buttonText="Login"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -28,22 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Stories",
id: "features",
},
{
name: "Community",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Stories", id: "/stories" },
{ name: "Ideas", id: "/ideas" },
{ name: "Crafts", id: "/crafts" },
{ name: "Art", id: "/art" },
{ name: "Imagination", id: "/imagination" },
{ name: "Contact", id: "contact" },
]}
brandName="StoryCraft"
/>
@@ -52,57 +43,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
title="Unleash Your Inner Storyteller"
description="Join our community of artists, writers, and creators. Share your emotions, craft your art, and inspire the world with your unique perspective."
variant: "plain"}}
title="Where Creativity Comes to Life"
description="StoryCraft is the digital sanctuary for creators. Whether you are writing stories, sketching ideas, or crafting art, this is the place to share your imagination with the world."
imageSrc="http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg"
imageAlt="Abstract creative art representation"
imageAlt="Creative content creation showcase"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg",
alt: "Avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg",
alt: "Avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg",
alt: "Avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg",
alt: "Avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg",
alt: "Avatar 5",
},
{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg", alt: "Avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg", alt: "Avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg", alt: "Avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg", alt: "Avatar 4" },
]}
avatarText="Join 5,000+ creators"
marqueeItems={[
{
type: "text",
text: "Writing",
},
{
type: "text",
text: "Photography",
},
{
type: "text",
text: "Painting",
},
{
type: "text",
text: "Digital Art",
},
{
type: "text",
text: "Creative Expression",
},
{ type: "text", text: "Stories" },
{ type: "text", text: "Ideas" },
{ type: "text", text: "Crafts" },
{ type: "text", text: "Art" },
{ type: "text", text: "Imagination" },
]}
/>
</div>
@@ -113,42 +72,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Shared Stories",
author: "Alice W.",
description: "Dive into personal narratives that capture the raw essence of human experience.",
tags: [
"Stories",
"Writing",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-notebook-desk_23-2148304861.jpg",
},
{
id: "f2",
title: "Artistic Expressions",
author: "Marco D.",
description: "Witness the power of visual art and the emotions behind every brushstroke.",
tags: [
"Art",
"Visual",
],
imageSrc: "http://img.b2bpic.net/free-photo/pink-mixed-lipstick-shades-flat-lay_23-2149518397.jpg",
},
{
id: "f3",
title: "Emotional Journeys",
author: "Sarah L.",
description: "Connect with others through authentic, heartfelt expressions of life and feeling.",
tags: [
"Emotions",
"Connection",
],
imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-with-hood_1122-502.jpg",
},
{ id: "f1", title: "Stories", author: "Community", description: "Explore heartfelt narratives and creative storytelling.", tags: ["Stories"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-notebook-desk_23-2148304861.jpg" },
{ id: "f2", title: "Ideas & Crafts", author: "Community", description: "Turn your raw inspiration into beautiful tangible work.", tags: ["Ideas", "Crafts"], imageSrc: "http://img.b2bpic.net/free-photo/pink-mixed-lipstick-shades-flat-lay_23-2149518397.jpg" },
{ id: "f3", title: "Art & Imagination", author: "Community", description: "Express the unexpressed through visual masterpieces.", tags: ["Art", "Imagination"], imageSrc: "http://img.b2bpic.net/free-photo/black-white-woman-with-hood_1122-502.jpg" },
]}
title="Explore Our Creative Worlds"
description="Discover stories, emotions, and art pieces crafted by our vibrant community."
title="Browse by Category"
description="Dive deep into our curated sections to find the creative inspiration you need."
/>
</div>
@@ -158,44 +87,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Writer",
testimonial: "This community gave me the courage to finally share my stories with the world.",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg?_wi=1",
},
{
id: "2",
name: "David Chen",
role: "Photographer",
testimonial: "I find constant inspiration in the raw emotion expressed by other artists here.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Painter",
testimonial: "The most supportive group of creators I have ever found. It feels like home.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg",
},
{
id: "4",
name: "Robert Miller",
role: "Creative Enthusiast",
testimonial: "I love how diverse and authentic everyone's stories are. Truly an incredible place.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg",
},
{
id: "5",
name: "Jane Doe",
role: "Artist",
testimonial: "Every day, I come here to get inspired and share my creative process with others.",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg?_wi=2",
},
{ id: "1", name: "Sarah Johnson", role: "Writer", testimonial: "StoryCraft gave me the platform I needed to share my stories.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915127.jpg?_wi=1" },
{ id: "2", name: "David Chen", role: "Photographer", testimonial: "The art category is where I find my daily motivation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg" },
]}
title="What Our Community Says"
description="Hear from the wonderful people who share their passions here every day."
title="Voices of Our Community"
description="Creators from all around the world share why they choose StoryCraft."
/>
</div>
@@ -203,29 +99,11 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about joining our creative community."
sideDescription="Learn how to contribute to our creative categories."
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "How do I start sharing my work?",
content: "Simply create an account and click the 'Create' button to upload your stories, art, or photography.",
},
{
id: "q2",
title: "Is there a subscription fee?",
content: "We offer both free and premium tiers to support our platform's ongoing development.",
},
{
id: "q3",
title: "Can I connect with other artists?",
content: "Yes, our community forums and comment sections are designed to facilitate meaningful connections.",
},
{
id: "q4",
title: "Are my copyrights protected?",
content: "You retain full ownership of all original work posted on our platform.",
},
{ id: "q1", title: "How do I categorize my content?", content: "When uploading your work, simply select the category that best fits: Stories, Ideas, Crafts, Art, or Imagination." },
{ id: "q2", title: "Can I explore multiple categories?", content: "Absolutely, our filter pages allow you to browse content by specific interest tags." },
]}
/>
</div>
@@ -233,12 +111,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Join Us"
title="Start Sharing Today"
description="Ready to share your own unique story? Sign up to become a part of our growing creative hub."
background={{ variant: "plain" }}
tag="Connect"
title="Join the Creative Flow"
description="Sign up and start contributing your unique perspective today."
imageSrc="http://img.b2bpic.net/free-photo/minimal-rounded-vase-indoors_23-2149681123.jpg"
mediaAnimation="slide-up"
/>
@@ -248,14 +124,8 @@ export default function LandingPage() {
<FooterLogoReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r61nyr"
logoText="StoryCraft"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>

33
src/app/signup/page.tsx Normal file
View File

@@ -0,0 +1,33 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
export default function SignUpPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
{ name: "Login", id: "/login" },
{ name: "Sign Up", id: "/signup" }
]}
brandName="StoryCraft"
/>
</div>
<div id="signup-center" data-section="signup-center">
<ContactCenter
tag="Join Us"
title="Create Your Account"
description="Get started by creating your account to begin sharing stories and art."
buttonText="Sign Up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
</ThemeProvider>
);
}

2
src/app/stories/page.tsx Normal file
View File

@@ -0,0 +1,2 @@
"use client";
export default function StoriesPage() { return <div className="py-20 text-center text-4xl">Stories Category</div>; }