Faleshafaye

<footer class="relative z-10 border-t border-[var(--border)] py-8 px-6"> <div class="max-w-6xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4"> <p class="text-sm text-[var(--fg-muted)]"> Faleshafaye — Crafting stories at the intersection of human creativity and artificial intelligence. </p> <div class="flex items-center gap-6 text-sm text-[var(--fg-muted)]"> <a href="#" class="hover:text-[var(--fg)] transition-colors">Privacy</a> <a href="#" class="hover:text-[var(--fg)] transition-colors">Terms</a> <a href="#" class="hover:text-[var(--fg)] transition-colors">Contact</a> </div> </div> </footer>

/* Story card styles */ .story-card background: linear-gradient(145deg, var(--card) 0%, rgba(22, 24, 31, 0.8) 100%); border: 1px solid var(--border); border-radius: 12px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden;

const aiContinuations = [ "The shadows lengthened across the cobblestones as Elena pressed her back against the cold stone wall. Her pursuers were close now — she could hear their whispered commands, the soft scrape of leather on wet stone. But what they didn't know, what she had only just discovered, was that the very architecture of this ancient city held secrets far older than their order.\n\n'You cannot hide from what you are becoming,' a voice echoed from somewhere in the darkness. But Elena smiled, feeling the warmth spread through her veins. She wasn't hiding anymore.", faleshafaye

<section class="relative z-10 py-20 md:py-32 px-6"> <div class="max-w-4xl mx-auto text-center"> <div class="reveal"> <span class="inline-block px-4 py-2 rounded-full text-sm text-[var(--accent)] bg-[rgba(201,162,39,0.1)] border border-[rgba(201,162,39,0.2)] mb-6"> AI-Powered Storytelling </span> </div> <h1 class="font-display text-5xl md:text-7xl lg:text-8xl font-bold leading-tight mb-6 reveal reveal-delay-1"> Where Imagination<br> <span class="text-[var(--accent)]">Meets Intelligence</span> </h1> <p class="text-lg md:text-xl text-[var(--fg-muted)] max-w-2xl mx-auto mb-10 reveal reveal-delay-2"> Co-create extraordinary stories with Faleshafaye. Your vision guides the narrative, while AI weaves possibilities you never imagined. </p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 reveal reveal-delay-3"> <button class="btn-primary text-lg" onclick="scrollToWriter()"> Start Your Story </button> <button class="btn-secondary text-lg" onclick="loadSampleStory()"> Explore Examples </button> </div> </div> </section>

<div class="story-card p-6 reveal reveal-delay-1"> <h3 class="font-display text-xl font-semibold mb-4">Story Progress</h3> <div class="space-y-3"> <div class="flex justify-between text-sm"> <span class="text-[var(--fg-muted)]">Word Count</span> <span id="word-count">0 words</span> </div> <div class="progress-bar"> <div id="progress-fill" class="progress-fill" style="width: 0%"></div> </div> <div class="flex justify-between text-sm"> <span class="text-[var(--fg-muted)]">Chapters</span> <span id="chapter-count">1 of 5</span> </div> </div> </div> </div> But what they didn't know, what she had

: Design a feature that issues users style challenges, such as "dress up a basic white shirt in 5 different ways" or "create a outfit using only items from your sustainable fashion brand." Users can participate, share their creations, and compete with others.

: Create a social feature that allows users to share their favorite outfits, browse through a feed of user-generated content, and engage with others through likes, comments, and shares. Your vision guides the narrative, while AI weaves

/* Scroll reveal animations */ .reveal opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);