: Introduce a chatbot or voice assistant that offers personalized fashion advice, provides style recommendations, and helps users create a fashion plan based on their lifestyle, body type, and preferences.
@keyframes typingBounce 0%, 60%, 100% transform: translateY(0); 30% transform: translateY(-6px); faleshafaye
<!-- Tabs Section --> <section class="relative z-10 px-6 mb-8"> <div class="max-w-6xl mx-auto"> <div class="flex items-center justify-center gap-2 border-b border-[var(--border)]"> <button class="tab-btn active" data-tab="create" onclick="switchTab('create')"> Create Story </button> <button class="tab-btn" data-tab="library" onclick="switchTab('library')"> My Library </button> <button class="tab-btn" data-tab="prompts" onclick="switchTab('prompts')"> Writing Prompts </button> </div> </div> </section> : Introduce a chatbot or voice assistant that
.atmosphere::before content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse 800px 600px at 20% 20%, rgba(201, 162, 39, 0.06) 0%, transparent 50%), radial-gradient(ellipse 600px 800px at 80% 80%, rgba(107, 142, 35, 0.04) 0%, transparent 50%), radial-gradient(ellipse 400px 400px at 50% 50%, rgba(201, 162, 39, 0.03) 0%, transparent 50%); animation: atmosphereFloat 30s ease-in-out infinite; Start Your Story <
.btn-primary:active transform: translateY(0);
<!-- Hero Section --> <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>