Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ccd8aba2e7 | |||
| 1bdae8524a | |||
| 550991d33e | |||
| 1ada695782 | |||
| ec7f82ddad | |||
| 5f803570b0 | |||
| 76b0527338 | |||
| db1b2b5abe | |||
| d862514e9f | |||
| c3f0d6d3a4 | |||
| 57010553a6 | |||
| c12a27ad9a | |||
| d2cbf75bf5 | |||
| b92b0871ff | |||
| d4ffec2c1c | |||
| 375ef109dc | |||
| 4d9e0a6a4b |
2
src/app/art/page.tsx
Normal file
2
src/app/art/page.tsx
Normal 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
2
src/app/crafts/page.tsx
Normal file
@@ -0,0 +1,2 @@
|
||||
"use client";
|
||||
export default function CraftsPage() { return <div className="py-20 text-center text-4xl">Crafts Category</div>; }
|
||||
43
src/app/dashboard/page.tsx
Normal file
43
src/app/dashboard/page.tsx
Normal 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
2
src/app/ideas/page.tsx
Normal file
@@ -0,0 +1,2 @@
|
||||
"use client";
|
||||
export default function IdeasPage() { return <div className="py-20 text-center text-4xl">Ideas Category</div>; }
|
||||
2
src/app/imagination/page.tsx
Normal file
2
src/app/imagination/page.tsx
Normal 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
33
src/app/login/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
206
src/app/page.tsx
206
src/app/page.tsx
@@ -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
33
src/app/signup/page.tsx
Normal 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
2
src/app/stories/page.tsx
Normal file
@@ -0,0 +1,2 @@
|
||||
"use client";
|
||||
export default function StoriesPage() { return <div className="py-20 text-center text-4xl">Stories Category</div>; }
|
||||
Reference in New Issue
Block a user