[Init]: Initial commit, Landing Page partially done. 01.04. 5 A.M.

Gemini/Copywriting_revised.md

@@ -0,0 +1,98 @@
+# NotJustAn.Agency Copywriting
+
+## Hero Section
+
+Main Heading:
+**Fully Booked** Restaurants.
+**Sold-Out** Collections.
+Brands **Built to Last**.
+
+Subheading:
+We help hospitality and e-commerce businesses grow and scale with our expertise in **performance marketing** , **ad creation** and **web development**.
+
+
+
+Buttons:
+
+- Main: Get in Contact
+- Secondary: See Portfolio
+
+## Our Expertise
+
+### Performance Marketing & Ad Creation
+
+Scale your business with Performance Marketing that delivers measurable results. NotJustAn.Agency optimizes Meta Ads, Google Ads, and funnels for maximum revenue and ROAS.
+
+### Web Development
+
+We create fast, conversion-focused websites that impress users and rank on Google. We build modern, responsive sites that drives leads, sales, and trust.
+
+### SEO & SEA
+
+Boost your visibility with data-driven SEO and high-ROI SEA campaigns. NotJustAn.Agency helps you rank higher, atrract qualified traffic, and turn searches into customers.
+
+### Email Marketing & Copywriting
+
+Maximize your campaign ROI with words that sell. We write high-converting copy for ads, websites, and emails that resonates with your target market and turns clicks into contracts.
+
+## Portfolio Section
+
+**Portfolio: Proven Growth for Businesses Like Yours**
+
+At NotJustAn.Agency, we understand the unique challenges B2B businesses face in today's competitive landscape. We don't just offer services; we deliver tangible solutions designed to overcome your most pressing growth obstacles.
+
+---
+
+**Problem:** **Your Ad Spend Isn't Generating Enough Revenue.**
+*Are you pouring money into Meta Ads or Google Ads with little to show for it? Are your campaigns struggling to achieve a profitable Return on Ad Spend (ROAS)?*
+
+**Our Solution: Performance Marketing & Ad Creation That Drives ROI**
+We go beyond simply running ads. Our team dives deep into your market, competitors, and customer psychology to craft high-impact ad campaigns. We meticulously optimize targeting, creatives, and bidding strategies to ensure every dollar spent converts into measurable revenue and sustainable growth.
+
+---
+
+**Problem:** **Your Website Isn't Converting Visitors into Customers.**
+*Does your website fail to capture leads or drive sales? Is it slow, outdated, or failing to build trust with potential clients?*
+
+**Our Solution: Conversion-Focused Web Development**
+Your website is your digital storefront. We build modern, lightning-fast, and responsive websites specifically engineered to convert browsers into buyers. From intuitive user journeys to compelling calls-to-action, we ensure your online presence not only looks professional but also actively works to grow your business.
+
+---
+
+**Problem:** **You're Invisible to High-Intent Customers Online.**
+*Are potential clients actively searching for your solutions but finding your competitors instead? Is your online visibility hindering your growth trajectory?*
+
+**Our Solution: Strategic SEO & High-ROI SEA Campaigns**
+We make you unmissable. Our data-driven SEO strategies ensure you rank higher for critical keywords, attracting qualified organic traffic. Coupled with precisely targeted Search Engine Advertising (SEA), we ensure that when customers search for what you offer, your business is the one they find and choose.
+
+---
+
+**Problem:** **Your Marketing Communication Falls Flat.**
+*Do your emails go unread? Do your website's words fail to persuade? Is your core message not resonating with your target audience?*
+
+**Our Solution: Email Marketing & Copywriting That Sells**
+Words have power, especially in business. We craft compelling, persuasive copy for your ads, website, and email campaigns. Our expertise ensures your message cuts through the noise, speaks directly to your audience's pain points and desires, and expertly guides them towards becoming loyal, paying customers.
+
+---
+
+## FAQ Section
+
+**Do you work with small businesses?**
+
+We do work with small businesses, but our primary focus is on scaling businesses that have a clear growth trajectory. We typically engage with clients who have a minimum monthly ad spend of $2,000 or more, as this allows us to implement effective strategies that yield measurable results. If you are a small business looking to grow, we recommend starting with our consultation services to assess your needs and determine the best path forward.
+
+**How do we measure project success?**
+
+Project success is measured through a combination of key performance indicators (KPIs) that align with your business objectives. This may include metrics such as return on ad spend (ROAS), conversion rates, website traffic growth, search engine rankings, and social media engagement. We work closely with you to define these KPIs at the outset of the project and provide regular reporting to track progress and make data-driven adjustments as needed.
+
+**What if you don't deliver your projected results? (Meta Ads, SEO/SEA, etc.)**
+
+We are confident in our ability to deliver results. If we fall short of your projected outcomes, we offer different forms of performance guarantees which can include full or partial refunds, additional services at no cost, or extended service periods until the agreed-upon results are achieved. Our goal is your success, and we stand by our commitments.
+
+**I am currently working with another agency. What does the transitioning process look like?**
+
+Transitioning from one agency to another can be quiet cumbersome. First we will review if the contract you've signed even allows for a transition. We then begin with a comprehensive audit of your current strategies, campaigns, and performance metrics. Our team will then develop a tailored transition plan that minimizes disruption to your ongoing operations. We handle all the technical aspects, including account access, data migration, and campaign setup. Throughout the process, we maintain open communication to ensure you are informed and comfortable with each step.
+
+**What if suddently I want to stop working with you?**
+
+Our contracts are designed to be flexible and client-friendly. It can vary depending on the specific services and terms agreed upon at the start of our cooperation. If you like we can show you what our contracts typically look like during our initial consultation.

Gemini/NJAA-Architecture Stack.md

@@ -0,0 +1,38 @@
+# Architecture Stack
+
+**General Guideline: ** Free and Open-Source, self-hostable with little to no limitations.
+
+## Development
+
+- use git and make proper commits
+
+## Frontend
+
+- Astro.js + React
+- Tailwind.css
+- Framer Motion
+
+## Backend
+
+- Strapi (Core MIT License)
+    - **User Management:** Strapi's built-in user authentication and role management system can handle user accounts for access control.
+- **Database:** PostgreSQL (PostgreSQL License)
+
+## Other Functionalities
+
+### Newsletter
+- **Email/Mailing List Manager:** `Listmonk` (AGPLv3 License) - A self-hosted, open-source newsletter and mailing list manager.
+
+### File Downloads (e.g., Ebooks)
+- **Content Hosting:** Ebooks hosted and served via Strapi's Media Library.
+- **Access Control:** Downloads gated by Strapi user authentication. Users must be logged in via Strapi to access protected download links.
+- **Newsletter Integration:** User registration/login process within Strapi can be integrated with `Listmonk` (e.g., via API calls or webhooks) to automatically subscribe users to the newsletter upon signup, fulfilling the requirement for download access.
+
+# Deployment
+
+- **Docker Compose:**
+    - Define services for `Strapi` (MIT License), `PostgreSQL` (PostgreSQL License), and `Listmonk` (AGPLv3 License).
+    - Configure volumes for Strapi uploads, PostgreSQL data persistence, and Listmonk data persistence.
+    - Ensure environment variables are managed for database connections, Strapi secrets, and Listmonk configuration.
+    - Consider how the Astro.js frontend will be built and served, and how it interacts with Strapi's API for user authentication and protected content.
+- DO create docker-compose.yaml to make it deployable for Coolify

Gemini/style.md

@@ -0,0 +1,74 @@
+# Website Style Guide for NotJustAn.Agency
+
+This style guide outlines the visual design, tone, and interaction principles for the NotJustAn.Agency website. It is designed to ensure a cohesive, professional, and lead-generating online presence, providing clear instructions for LLMs to create a great-looking and effective website.
+
+## Brand Essence
+
+*   **Core Identity:** Expert, results-driven, growth-focused, trustworthy, modern, and professional.
+*   **Target Audience:** B2B clients in hospitality and e-commerce seeking to scale their businesses.
+*   **Key Message:** NotJustAn.Agency solves critical business growth challenges (revenue, conversions, visibility) through specialized digital marketing and web development services, helping clients achieve 'Fully Booked Restaurants', 'Sold-Out Collections', and 'Brands Built to Last'.
+*   **Tone:** Professional, confident, clear, authoritative, yet accessible. Emphasizes a problem/solution approach and tangible business outcomes.
+
+## Visual Design Principles
+
+*   **Aesthetic:** Clean, modern, professional, and uncluttered. The design should convey competence and sophistication, allowing the content to shine. Prioritize user experience and clear communication.
+*   **Color Palette:**
+    *   **Primary:** Deep Navy/Blue (`#0A2540`) - Conveys trust, professionalism, and depth. Use for backgrounds, primary text, and key structural elements.
+    *   **Secondary:** Off-White/Light Gray (`#F8FAFC`) - Provides a clean, spacious canvas for content. Use for backgrounds of content sections or cards.
+    *   **Accent:** Teal (`#06B6D4`) - A modern, energetic color for calls-to-action, key interactive elements, and highlights. Use sparingly to draw attention to important actions.
+    *   **Text:**
+        *   Headings: Dark Grey/Near Black (`#0F172A`) - High contrast for immediate visibility.
+        *   Body Copy: Slightly lighter Dark Grey (`#1E293B`) - Excellent readability for longer text blocks.
+*   **Typography:**
+    *   **Headings:** Utilize a modern, strong sans-serif font family (e.g., Inter, Poppins, Montserrat) with clear hierarchy via font weights and sizes.
+    *   **Body Text:** Employ a highly readable sans-serif font family (e.g., Inter, Open Sans, Lato) for optimal legibility.
+*   **Layout & Responsiveness:**
+    *   **Grid System:** Utilize a flexible grid system (leveraging Tailwind CSS) for consistent alignment and spacing.
+    *   **Responsiveness:** Design must be fully responsive, adapting flawlessly to all screen sizes (desktop, tablet, mobile). Prioritize mobile-first principles.
+    *   **Whitespace:** Incorporate generous use of whitespace to improve readability, reduce cognitive load, and enhance the premium feel.
+*   **Imagery & Visuals:**
+    *   **Quality:** Use high-resolution, professional, and relevant imagery. Visuals should align with themes of growth, scale, and expertise.
+    *   **Placeholder Strategy:** If placeholder graphics are needed, use abstract geometric shapes or minimalist, sophisticated placeholder images that convey professionalism rather than looking amateurish. Avoid default stock photos.
+
+## Interactivity & Animation
+
+*   **Purposeful Animation:** Employ Framer Motion for animations that enhance UX, guide attention, and convey dynamism without being distracting.
+    *   **Use Cases:** Smooth page transitions, subtle entrance animations, hover effects on CTAs and cards, micro-interactions.
+    *   **Style:** Animations should be quick, smooth, and subtle. Avoid jarring or lengthy effects.
+*   **Performance:** Animations must be performant and not impede loading times or user interaction.
+
+## Content Presentation
+
+*   **Hierarchy:** Employ clear, distinct heading levels (H1, H2, H3) to structure content logically.
+*   **Copywriting Style:** Adhere to the problem/solution framing and results-oriented language from the copywriting documents. Emphasize benefits and tangible business outcomes.
+*   **Emphasis:** Use bold text strategically for key terms, benefits, and CTAs.
+*   **Lists:** Utilize bullet points and numbered lists for clarity and scannability when outlining services, features, or steps.
+
+## Key Components & Elements
+
+*   **Buttons (Calls to Action - CTAs):**
+    *   **Design:** Prominent, clear, and action-oriented. Use the accent color (`#06B6D4`) for primary CTAs ("Get in Contact," "See Portfolio"). Secondary buttons can be outlined or use a less saturated version of the accent color.
+    *   **Placement:** Strategically placed in hero sections, after content sections, and in footers.
+    *   **States:** Design clear hover and active states for buttons.
+*   **Forms:**
+    *   **Contact & Newsletter Forms:** Clean, simple, and easy to use. Minimize required fields. Clearly indicate required fields. Use professional input field styling via Tailwind CSS.
+    *   **Submission Feedback:** Provide clear success or error messages upon form submission.
+*   **User Authentication Elements:** For gated content (e.g., ebook downloads):
+    *   Clear login/signup forms and modals.
+    *   Integration with Strapi's user management.
+    *   Clear feedback on authentication status.
+*   **Ebook Download Links:** Should be visually distinct once a user has authenticated and met the newsletter signup criteria.
+
+## LLM Development Guidance
+
+*   **Persona:** Act as a skilled UI/UX designer and frontend developer specializing in modern web applications.
+*   **Frameworks:** Utilize Astro.js for page structure and SSR/static generation, React for interactive components, Tailwind CSS for styling, and Framer Motion for animations.
+*   **Code Generation:**
+    *   Apply the defined color palette (`#0A2540`, `#F8FAFC`, `#06B6D4`, `#0F172A`, `#1E293B`) and typography consistently.
+    *   Implement responsive layouts using Tailwind's utility classes.
+    *   Integrate Framer Motion for subtle, purposeful animations.
+    *   Design forms and buttons to be clear, actionable, and visually aligned with the brand.
+    *   Structure content semantically, emphasizing clear headings and readable body text.
+    *   Ensure components are accessible and performant.
+    *   For download gating, interact with Strapi's API for authentication and file retrieval, and Listmonk's API for newsletter subscriptions.
+*   **Output:** Generate clean, well-structured React components and Astro pages adhering to these guidelines.