A complete mess to show the platform and maybe get

config/settings.py

@@ -58,6 +58,8 @@ INSTALLED_APPS = [
     'core',
 ]
 
+AUTH_USER_MODEL = 'core.User'
+
 MIDDLEWARE = [
     'django.middleware.security.SecurityMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',

cookies.txt

@@ -0,0 +1,5 @@
+# Netscape HTTP Cookie File
+# https://curl.se/docs/http-cookies.html
+# This file was generated by libcurl! Edit at your own risk.
+
+127.0.0.1	FALSE	/	TRUE	1796996344	csrftoken	IrGUUOXEZVrbozn4KFZ3mbjM6jSNDc6h

core/admin.py

@@ -1,3 +1,6 @@
 from django.contrib import admin
+from .models import User, Profile, SocialProfile
 
-# Register your models here.
+admin.site.register(User)
+admin.site.register(Profile)
+admin.site.register(SocialProfile)

core/forms.py

@@ -0,0 +1,32 @@
+from django import forms
+from django.contrib.auth.forms import UserCreationForm, AuthenticationForm
+from .models import User, Profile
+
+class CompanySignUpForm(UserCreationForm):
+    class Meta(UserCreationForm.Meta):
+        model = User
+        fields = ('username', 'email')
+
+    def save(self, commit=True):
+        user = super().save(commit=False)
+        user.role = User.Role.COMPANY
+        if commit:
+            user.save()
+            Profile.objects.create(user=user)
+        return user
+
+class InfluencerSignUpForm(UserCreationForm):
+    class Meta(UserCreationForm.Meta):
+        model = User
+        fields = ('username', 'email')
+
+    def save(self, commit=True):
+        user = super().save(commit=False)
+        user.role = User.Role.INFLUENCER
+        if commit:
+            user.save()
+            Profile.objects.create(user=user)
+        return user
+
+class LoginForm(AuthenticationForm):
+    pass

core/migrations/0001_initial.py

@@ -0,0 +1,66 @@
+# Generated by Django 5.2.7 on 2025-12-12 12:58
+
+import django.contrib.auth.models
+import django.contrib.auth.validators
+import django.db.models.deletion
+import django.utils.timezone
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('auth', '0012_alter_user_first_name_max_length'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='User',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('password', models.CharField(max_length=128, verbose_name='password')),
+                ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
+                ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
+                ('username', models.CharField(error_messages={'unique': 'A user with that username already exists.'}, help_text='Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.', max_length=150, unique=True, validators=[django.contrib.auth.validators.UnicodeUsernameValidator()], verbose_name='username')),
+                ('first_name', models.CharField(blank=True, max_length=150, verbose_name='first name')),
+                ('last_name', models.CharField(blank=True, max_length=150, verbose_name='last name')),
+                ('email', models.EmailField(blank=True, max_length=254, verbose_name='email address')),
+                ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')),
+                ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')),
+                ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')),
+                ('role', models.CharField(choices=[('COMPANY', 'Company'), ('INFLUENCER', 'Influencer')], max_length=50)),
+                ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.group', verbose_name='groups')),
+                ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.permission', verbose_name='user permissions')),
+            ],
+            options={
+                'verbose_name': 'user',
+                'verbose_name_plural': 'users',
+                'abstract': False,
+            },
+            managers=[
+                ('objects', django.contrib.auth.models.UserManager()),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Profile',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('bio', models.TextField(blank=True)),
+                ('profile_picture', models.ImageField(blank=True, null=True, upload_to='profile_pictures/')),
+                ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='SocialProfile',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('platform', models.CharField(max_length=255)),
+                ('handle', models.CharField(max_length=255)),
+                ('url', models.URLField()),
+                ('profile', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='social_profiles', to='core.profile')),
+            ],
+        ),
+    ]

core/models.py

@@ -1,3 +1,26 @@
+from django.contrib.auth.models import AbstractUser
 from django.db import models
 
-# Create your models here.
+class User(AbstractUser):
+    class Role(models.TextChoices):
+        COMPANY = "COMPANY", "Company"
+        INFLUENCER = "INFLUENCER", "Influencer"
+
+    role = models.CharField(max_length=50, choices=Role.choices)
+
+class Profile(models.Model):
+    user = models.OneToOneField(User, on_delete=models.CASCADE)
+    bio = models.TextField(blank=True)
+    profile_picture = models.ImageField(upload_to='profile_pictures/', blank=True, null=True)
+
+    def __str__(self):
+        return self.user.username
+
+class SocialProfile(models.Model):
+    profile = models.ForeignKey(Profile, on_delete=models.CASCADE, related_name='social_profiles')
+    platform = models.CharField(max_length=255)
+    handle = models.CharField(max_length=255)
+    url = models.URLField()
+
+    def __str__(self):
+        return f'{self.profile.user.username} - {self.platform}'

core/templates/base.html

@@ -1,25 +1,78 @@
 <!DOCTYPE html>
+{% load static %}
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
-  <title>{% block title %}Knowledge Base{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}MarketMatchr{% endblock %}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" href="{% static 'css/custom.css' %}?v=1">
+    
     {% if project_description %}
     <meta name="description" content="{{ project_description }}">
     <meta property="og:description" content="{{ project_description }}">
-  <meta property="twitter:description" content="{{ project_description }}">
+    <meta name="twitter:description" content="{{ project_description }}">
     {% endif %}
+
     {% if project_image_url %}
     <meta property="og:image" content="{{ project_image_url }}">
-  <meta property="twitter:image" content="{{ project_image_url }}">
+    <meta name="twitter:image" content="{{ project_image_url }}">
     {% endif %}
-  {% load static %}
-  <link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
-  {% block head %}{% endblock %}
+
 </head>
-
 <body>
-  {% block content %}{% endblock %}
-</body>
+    <header class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+        <div class="container-fluid">
+                        {% if user.is_authenticated %}
+                <button class="sidebar-toggle"><i class="fas fa-bars"></i></button>
+            {% endif %}
+            <a class="navbar-brand" href="/">MarketMatchr</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" href="/#how-it-works">How it works</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{% url 'pricing' %}">Pricing</a>
+                    </li>
+                                        {% if user.is_authenticated %}
+                        <li class="nav-item">
+                            <a class="nav-link" href="{% url 'logout' %}">Logout</a>
+                        </li>
+                    {% else %}
+                        <li class="nav-item">
+                            <a href="{% url 'login' %}" class="btn btn-outline-primary me-2">Login</a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{% url 'signup' %}" class="btn btn-primary">Join For Free</a>
+                        </li>
+                    {% endif %}
+                </ul>
+            </div>
+        </div>
+    </header>
 
+    <main>
+        {% if user.is_authenticated %}
+            <div class="sidebar">
+                <a href="{% url 'search' %}"><i class="fas fa-search"></i><span>Search</span></a>
+                <a href="{% url 'campaign' %}"><i class="fas fa-bullhorn"></i><span>Campaign</span></a>
+                <a href="{% url 'messages' %}"><i class="fas fa-envelope"></i><span>Messages</span></a>
+            </div>
+        {% endif %}
+        <div class="content">
+            {% block content %}{% endblock %}
+        </div>
+    </main>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="{% static 'js/sidebar.js' %}"></script>
+</body>
 </html>

core/templates/core/campaign.html

@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1>Campaign Page</h1>
+{% endblock %}

core/templates/core/dashboard.html

@@ -0,0 +1,15 @@
+{% extends "base.html" %}
+{% load static %}
+
+{% block title %}Dashboard - MarketMatchr{% endblock %}
+
+{% block content %}
+<div class="container mt-5">
+    <div class="row">
+        <div class="col">
+            <h1>Welcome, {{ user.username }}!</h1>
+            <p>This is your dashboard. You are logged in as a {{ user.role }}.</p>
+        </div>
+    </div>
+</div>
+{% endblock %}

core/templates/core/index.html

@@ -1,145 +1,95 @@
 {% extends "base.html" %}
+{% load static %}
 
-{% block title %}{{ project_name }}{% endblock %}
-
-{% block head %}
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --bg-color-start: #6a11cb;
-    --bg-color-end: #2575fc;
-    --text-color: #ffffff;
-    --card-bg-color: rgba(255, 255, 255, 0.01);
-    --card-border-color: rgba(255, 255, 255, 0.1);
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-
-  body {
-    margin: 0;
-    font-family: 'Inter', sans-serif;
-    background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
-    color: var(--text-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    text-align: center;
-    overflow: hidden;
-    position: relative;
-  }
-
-  body::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path d='M-10 10L110 10M10 -10L10 110' stroke-width='1' stroke='rgba(255,255,255,0.05)'/></svg>");
-    animation: bg-pan 20s linear infinite;
-    z-index: -1;
-  }
-
-  @keyframes bg-pan {
-    0% {
-      background-position: 0% 0%;
-    }
-
-    100% {
-      background-position: 100% 100%;
-    }
-  }
-
-  main {
-    padding: 2rem;
-  }
-
-  .card {
-    background: var(--card-bg-color);
-    border: 1px solid var(--card-border-color);
-    border-radius: 16px;
-    padding: 2.5rem 2rem;
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
-  }
-
-  h1 {
-    font-size: clamp(2.2rem, 3vw + 1.2rem, 3.2rem);
-    font-weight: 700;
-    margin: 0 0 1.2rem;
-    letter-spacing: -0.02em;
-  }
-
-  p {
-    margin: 0.5rem 0;
-    font-size: 1.1rem;
-    opacity: 0.92;
-  }
-
-  .loader {
-    margin: 1.5rem auto;
-    width: 56px;
-    height: 56px;
-    border: 4px solid rgba(255, 255, 255, 0.25);
-    border-top-color: #fff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-  }
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  .runtime code {
-    background: rgba(0, 0, 0, 0.25);
-    padding: 0.15rem 0.45rem;
-    border-radius: 4px;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    border: 0;
-  }
-
-  footer {
-    position: absolute;
-    bottom: 1rem;
-    width: 100%;
-    text-align: center;
-    font-size: 0.85rem;
-    opacity: 0.75;
-  }
-</style>
-{% endblock %}
+{% block title %}MarketMatchr - Connect with Influencers{% endblock %}
 
 {% block content %}
-<main>
-  <div class="card">
-    <h1>Analyzing your requirements and generating your app…</h1>
-    <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
-      <span class="sr-only">Loading…</span>
+<div class="container-fluid hero-section">
+    <div class="row text-center">
+        <div class="col">
+            <h1>Find the Perfect Influencer for Your Brand</h1>
+            <p class="lead">Connect with top influencers and launch successful campaigns.</p>
+            <div class="search-bar-container mt-4">
+                <input type="text" class="form-control" placeholder="Search by niche, e.g., 'fashion', 'gaming', 'travel'">
+                <button class="btn btn-primary">Search</button>
             </div>
-    <p class="hint">AppWizzy AI is collecting your requirements and applying the first changes.</p>
-    <p class="hint">This page will refresh automatically as the plan is implemented.</p>
-    <p class="runtime">
-      Runtime: Django <code>{{ django_version }}</code> · Python <code>{{ python_version }}</code>
-      — UTC <code>{{ current_time|date:"Y-m-d H:i:s" }}</code>
-    </p>
         </div>
-</main>
-<footer>
-  Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC)
-</footer>
+    </div>
+</div>
+
+<div class="container mt-5">
+    <div class="row text-center">
+        <div class="col">
+            <h2>Featured Influencers</h2>
+        </div>
+    </div>
+    <div class="row mt-4">
+        <!-- Placeholder Influencer Tiles -->
+        <div class="col-md-4">
+            <div class="card influencer-card">
+                <img src="https://via.placeholder.com/300" class="card-img-top" alt="Influencer">
+                <div class="card-body">
+                    <h5 class="card-title">Influencer Name</h5>
+                    <p class="card-text">Fashion | 1.2M Followers</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card influencer-card">
+                <img src="https://via.placeholder.com/300" class="card-img-top" alt="Influencer">
+                <div class="card-body">
+                    <h5 class="card-title">Another Influencer</h5>
+                    <p class="card-text">Gaming | 800k Followers</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card influencer-card">
+                <img src="https://via.placeholder.com/300" class="card-img-top" alt="Influencer">
+                <div class="card-body">
+                    <h5 class="card-title">Top Creator</h5>
+                    <p class="card-text">Travel | 2.5M Followers</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="how-it-works" class="container-fluid how-it-works-section mt-5 py-5">
+    <div class="row text-center">
+        <div class="col">
+            <h2>How It Works</h2>
+        </div>
+    </div>
+    <div class="row mt-4 text-center">
+        <div class="col-md-4">
+            <div class="step">
+                <h3>1. Find Influencers</h3>
+                <p>Use our powerful search to discover influencers in your niche.</p>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="step">
+                <h3>2. Launch Campaigns</h3>
+                <p>Create campaigns and invite influencers to collaborate.</p>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="step">
+                <h3>3. Drive Results</h3>
+                <p>Track your campaign performance and grow your brand.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="container mt-5">
+    <div class="row text-center">
+        <div class="col">
+            <h2>Join MarketMatchr Today!</h2>
+            <p class="lead">Sign up now and start connecting with the best influencers.</p>
+            <a href="{% url 'signup' %}" class="btn btn-primary btn-lg">Join For Free</a>
+        </div>
+    </div>
+</div>
 {% endblock %}

core/templates/core/login.html

@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% block title %}Login - MarketMatchr{% endblock %}
+
+{% block content_unauth %}
+<div class="container mt-5 pt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <h3 class="card-title text-center">Login</h3>
+                    <form method="post">
+                        {% csrf_token %}
+                        {{ form.as_p }}
+                        <button type="submit" class="btn btn-primary btn-block">Login</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock content_unauth %}

core/templates/core/messages.html

@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1>Messages Page</h1>
+{% endblock %}

core/templates/core/pricing.html

@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+
+{% block title %}Pricing - MarketMatchr{% endblock %}
+
+{% block content_unauth %}
+<div class="container mt-5 pt-5">
+    <div class="row text-center mb-5">
+        <div class="col">
+            <h1>Our Pricing Plans</h1>
+            <p class="lead">Choose the plan that's right for you.</p>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-4">
+            <div class="card mb-5 mb-lg-0">
+                <div class="card-body">
+                    <h5 class="card-title text-muted text-uppercase text-center">Free</h5>
+                    <h6 class="card-price text-center">$0<span class="period">/month</span></h6>
+                    <hr>
+                    <ul class="fa-ul">
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span><strong>0 Published Campaigns</strong></li>
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span>Up to 3 Draft Campaigns</li>
+                        <li class="text-muted"><span class="fa-li"><i class="fas fa-times"></i></span>Campaign Analytics</li>
+                    </ul>
+                    <div class="d-grid">
+                        <a href="#" class="btn btn-primary text-uppercase">Sign up for free</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4">
+            <div class="card mb-5 mb-lg-0">
+                <div class="card-body">
+                    <h5 class="card-title text-muted text-uppercase text-center">Professional</h5>
+                    <h6 class="card-price text-center">$49<span class="period">/month</span></h6>
+                    <hr>
+                    <ul class="fa-ul">
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span><strong>10 Published Campaigns</strong> per month</li>
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span>Unlimited Draft Campaigns</li>
+                        <li class="text-muted"><span class="fa-li"><i class="fas fa-times"></i></span>Campaign Analytics</li>
+                    </ul>
+                    <div class="d-grid">
+                        <a href="#" class="btn btn-primary text-uppercase">Get Started</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4">
+            <div class="card">
+                <div class="card-body">
+                    <h5 class="card-title text-muted text-uppercase text-center">Premium</h5>
+                    <h6 class="card-price text-center">$99<span class="period">/month</span></h6>
+                    <hr>
+                    <ul class="fa-ul">
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span><strong>50 Published Campaigns</strong> per month</li>
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span>Unlimited Draft Campaigns</li>
+                        <li><span class="fa-li"><i class="fas fa-check"></i></span>Campaign Analytics</li>
+                    </ul>
+                    <div class="d-grid">
+                        <a href="#" class="btn btn-primary text-uppercase">Get Started</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock content_unauth %}

core/templates/core/search.html

@@ -0,0 +1,6 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1>Search Page</h1>
+<p>This is the default page for logged-in users.</p>
+{% endblock %}

core/templates/core/signup.html

@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block title %}Sign Up - MarketMatchr{% endblock %}
+
+{% block content_unauth %}
+<div class="container mt-5 pt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <h2 class="card-title text-center">Sign Up</h2>
+                    <div class="text-center mb-4">
+                        <p>Join as a company or an influencer.</p>
+                        <div class="btn-group" role="group">
+                            <button type="button" class="btn btn-primary active" id="influencer-btn">Influencer</button>
+                            <button type="button" class="btn btn-outline-primary" id="company-btn">Company</button>
+                        </div>
+                    </div>
+                    <form method="post" id="signup-form">
+                        {% csrf_token %}
+                        <input type="hidden" name="role" id="role-input" value="influencer">
+                        {{ form.as_p }}
+                        <div class="d-grid">
+                            <button type="submit" class="btn btn-primary">Sign Up</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    const influencerBtn = document.getElementById('influencer-btn');
+    const companyBtn = document.getElementById('company-btn');
+    const roleInput = document.getElementById('role-input');
+
+    influencerBtn.addEventListener('click', () => {
+        influencerBtn.classList.add('active', 'btn-primary');
+        influencerBtn.classList.remove('btn-outline-primary');
+        companyBtn.classList.remove('active', 'btn-primary');
+        companyBtn.classList.add('btn-outline-primary');
+        roleInput.value = 'influencer';
+    });
+
+    companyBtn.addEventListener('click', () => {
+        companyBtn.classList.add('active', 'btn-primary');
+        companyBtn.classList.remove('btn-outline-primary');
+        influencerBtn.classList.remove('active', 'btn-primary');
+        influencerBtn.classList.add('btn-outline-primary');
+        roleInput.value = 'company';
+    });
+</script>
+{% endblock content_unauth %}

core/urls.py

@@ -1,7 +1,15 @@
 from django.urls import path
+from django.contrib.auth.views import LogoutView
 
-from .views import home
+from .views import index, pricing, login, signup, search, campaign, messages
 
 urlpatterns = [
-    path("", home, name="home"),
+    path("", index, name="index"),
+    path("pricing/", pricing, name="pricing"),
+    path("login/", login, name="login"),
+    path("signup/", signup, name="signup"),
+    path("search/", search, name="search"),
+    path("campaign/", campaign, name="campaign"),
+    path("messages/", messages, name="messages"),
+    path("logout/", LogoutView.as_view(), name="logout"),
 ]

core/views.py

@@ -1,25 +1,48 @@
-import os
-import platform
+from django.shortcuts import render, redirect
+from django.contrib.auth import login as auth_login, authenticate
+from .forms import CompanySignUpForm, InfluencerSignUpForm, LoginForm
 
-from django import get_version as django_version
-from django.shortcuts import render
-from django.utils import timezone
+def index(request):
+    if request.user.is_authenticated:
+        return redirect('search')
+    return render(request, 'core/index.html')
 
+def pricing(request):
+    return render(request, 'core/pricing.html')
 
-def home(request):
-    """Render the landing screen with loader and environment details."""
-    host_name = request.get_host().lower()
-    agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic"
-    now = timezone.now()
+def login(request):
+    if request.method == 'POST':
+        form = LoginForm(request, data=request.POST)
+        if form.is_valid():
+            username = form.cleaned_data.get('username')
+            password = form.cleaned_data.get('password')
+            user = authenticate(username=username, password=password)
+            if user is not None:
+                auth_login(request, user)
+                return redirect('search')
+    else:
+        form = LoginForm()
+    return render(request, 'core/login.html', {'form': form})
 
-    context = {
-        "project_name": "New Style",
-        "agent_brand": agent_brand,
-        "django_version": django_version(),
-        "python_version": platform.python_version(),
-        "current_time": now,
-        "host_name": host_name,
-        "project_description": os.getenv("PROJECT_DESCRIPTION", ""),
-        "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""),
-    }
-    return render(request, "core/index.html", context)
+def signup(request):
+    if request.method == 'POST':
+        if request.POST.get('role') == 'company':
+            form = CompanySignUpForm(request.POST)
+        else:
+            form = InfluencerSignUpForm(request.POST)
+        if form.is_valid():
+            user = form.save()
+            auth_login(request, user)
+            return redirect('search')
+    else:
+        form = InfluencerSignUpForm()
+    return render(request, 'core/signup.html', {'form': form})
+
+def search(request):
+    return render(request, 'core/search.html')
+
+def campaign(request):
+    return render(request, 'core/campaign.html')
+
+def messages(request):
+    return render(request, 'core/messages.html')

static/css/custom.css

@@ -1,4 +1,189 @@
-/* Custom styles for the application */
-body {
-    font-family: system-ui, -apple-system, sans-serif;
+main {
+    padding-top: 56px;
+}
+
+body {
+    font-family: 'Lato', sans-serif;
+    color: #333333;
+    background-color: #F6F9FC;
+    transition: margin-left .5s;
+}
+
+.content {
+    margin-left: 250px;
+    padding: 20px;
+    transition: margin-left .5s;
+}
+
+.sidebar {
+    height: 100%;
+    width: 250px;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: #111;
+    overflow-x: hidden;
+    transition: 0.5s;
+}
+
+.sidebar.collapsed {
+    width: 80px;
+}
+
+.sidebar.collapsed a span {
+    display: none;
+}
+
+.content.collapsed {
+    margin-left: 80px;
+}
+
+.sidebar a {
+    padding: 10px 15px;
+    text-decoration: none;
+    font-size: 20px;
+    color: #818181;
+    display: block;
+}
+
+.sidebar a:hover {
+    color: #f1f1f1;
+}
+
+.sidebar a span {
+    margin-left: 10px;
+}
+
+.sidebar-toggle {
+    background: none;
+    border: none;
+    color: #0A2540;
+    font-size: 24px;
+    cursor: pointer;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 600;
+}
+
+.navbar {
+    background-color: #FFFFFF !important;
+    border-bottom: 1px solid #E0E0E0;
+}
+
+.navbar-brand {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 700;
+    color: #0A2540 !important;
+}
+
+.nav-link {
+    color: #333333 !important;
+}
+
+.btn-primary {
+    background-color: #00D09C;
+    border-color: #00D09C;
+}
+
+.btn-primary:hover {
+    background-color: #00b386;
+    border-color: #00b386;
+}
+
+.btn-outline-primary {
+    color: #00D09C;
+    border-color: #00D09C;
+}
+
+.btn-outline-primary:hover {
+    background-color: #00D09C;
+    color: #FFFFFF;
+}
+
+.hero-section {
+    background: linear-gradient(to right, #0A2540, #1c3d5e);
+    color: #FFFFFF;
+    padding: 120px 0;
+}
+
+.search-bar-container {
+    display: flex;
+    max-width: 600px;
+    margin: auto;
+}
+
+.search-bar-container input {
+    flex-grow: 1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.search-bar-container .btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.influencer-card {
+    border: none;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    transition: transform 0.2s;
+}
+
+.influencer-card:hover {
+    transform: translateY(-5px);
+}
+
+.how-it-works-section {
+    background-color: #FFFFFF;
+}
+
+.step h3 {
+    color: #0A2540;
+}
+
+.step p {
+    font-size: 1.1em;
+}
+
+.card {
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+    transition: all 0.3s ease;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
+}
+
+.card .card-title {
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.card .card-price {
+    font-size: 3rem;
+    font-weight: 700;
+}
+
+.card .card-price .period {
+    font-size: 0.8rem;
+    font-weight: 400;
+    color: #6c757d;
+}
+
+.card .fa-ul {
+    margin-left: 2em;
+}
+
+.card .fa-li {
+    position: absolute;
+    left: -2em;
+    width: 2em;
+    text-align: center;
+    line-height: inherit;
 }

static/js/sidebar.js

@@ -0,0 +1,12 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const sidebar = document.querySelector(".sidebar");
+    const content = document.querySelector(".content");
+    const toggleBtn = document.querySelector(".sidebar-toggle");
+
+    if (toggleBtn) {
+        toggleBtn.addEventListener("click", function() {
+            sidebar.classList.toggle("collapsed");
+            content.classList.toggle("collapsed");
+        });
+    }
+});

staticfiles/css/custom.css

@@ -1,21 +1,189 @@
+main {
+    padding-top: 56px;
+}
 
-:root {
-    --bg-color-start: #6a11cb;
-    --bg-color-end: #2575fc;
-    --text-color: #ffffff;
-    --card-bg-color: rgba(255, 255, 255, 0.01);
-    --card-border-color: rgba(255, 255, 255, 0.1);
-}
 body {
-    margin: 0;
-    font-family: 'Inter', sans-serif;
-    background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
-    color: var(--text-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    text-align: center;
-    overflow: hidden;
-    position: relative;
+    font-family: 'Lato', sans-serif;
+    color: #333333;
+    background-color: #F6F9FC;
+    transition: margin-left .5s;
+}
+
+.content {
+    margin-left: 250px;
+    padding: 20px;
+    transition: margin-left .5s;
+}
+
+.sidebar {
+    height: 100%;
+    width: 250px;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: #111;
+    overflow-x: hidden;
+    transition: 0.5s;
+}
+
+.sidebar.collapsed {
+    width: 80px;
+}
+
+.sidebar.collapsed a span {
+    display: none;
+}
+
+.content.collapsed {
+    margin-left: 80px;
+}
+
+.sidebar a {
+    padding: 10px 15px;
+    text-decoration: none;
+    font-size: 20px;
+    color: #818181;
+    display: block;
+}
+
+.sidebar a:hover {
+    color: #f1f1f1;
+}
+
+.sidebar a span {
+    margin-left: 10px;
+}
+
+.sidebar-toggle {
+    background: none;
+    border: none;
+    color: #0A2540;
+    font-size: 24px;
+    cursor: pointer;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 600;
+}
+
+.navbar {
+    background-color: #FFFFFF !important;
+    border-bottom: 1px solid #E0E0E0;
+}
+
+.navbar-brand {
+    font-family: 'Poppins', sans-serif;
+    font-weight: 700;
+    color: #0A2540 !important;
+}
+
+.nav-link {
+    color: #333333 !important;
+}
+
+.btn-primary {
+    background-color: #00D09C;
+    border-color: #00D09C;
+}
+
+.btn-primary:hover {
+    background-color: #00b386;
+    border-color: #00b386;
+}
+
+.btn-outline-primary {
+    color: #00D09C;
+    border-color: #00D09C;
+}
+
+.btn-outline-primary:hover {
+    background-color: #00D09C;
+    color: #FFFFFF;
+}
+
+.hero-section {
+    background: linear-gradient(to right, #0A2540, #1c3d5e);
+    color: #FFFFFF;
+    padding: 120px 0;
+}
+
+.search-bar-container {
+    display: flex;
+    max-width: 600px;
+    margin: auto;
+}
+
+.search-bar-container input {
+    flex-grow: 1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.search-bar-container .btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.influencer-card {
+    border: none;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    transition: transform 0.2s;
+}
+
+.influencer-card:hover {
+    transform: translateY(-5px);
+}
+
+.how-it-works-section {
+    background-color: #FFFFFF;
+}
+
+.step h3 {
+    color: #0A2540;
+}
+
+.step p {
+    font-size: 1.1em;
+}
+
+.card {
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+    transition: all 0.3s ease;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
+}
+
+.card .card-title {
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.card .card-price {
+    font-size: 3rem;
+    font-weight: 700;
+}
+
+.card .card-price .period {
+    font-size: 0.8rem;
+    font-weight: 400;
+    color: #6c757d;
+}
+
+.card .fa-ul {
+    margin-left: 2em;
+}
+
+.card .fa-li {
+    position: absolute;
+    left: -2em;
+    width: 2em;
+    text-align: center;
+    line-height: inherit;
 }

staticfiles/js/sidebar.js

@@ -0,0 +1,12 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const sidebar = document.querySelector(".sidebar");
+    const content = document.querySelector(".content");
+    const toggleBtn = document.querySelector(".sidebar-toggle");
+
+    if (toggleBtn) {
+        toggleBtn.addEventListener("click", function() {
+            sidebar.classList.toggle("collapsed");
+            content.classList.toggle("collapsed");
+        });
+    }
+});