From 401796da8395642922b8f2f5af1f9dcfba6e331c Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Fri, 12 Dec 2025 12:36:30 +0000 Subject: [PATCH] fixed pricing page --- config/__pycache__/settings.cpython-311.pyc | Bin 5552 -> 5591 bytes config/settings.py | 2 + cookies.txt | 5 + core/__pycache__/admin.cpython-311.pyc | Bin 212 -> 560 bytes core/__pycache__/forms.cpython-311.pyc | Bin 0 -> 2354 bytes core/__pycache__/models.cpython-311.pyc | Bin 209 -> 2516 bytes core/__pycache__/urls.cpython-311.pyc | Bin 347 -> 597 bytes core/__pycache__/views.cpython-311.pyc | Bin 1364 -> 1690 bytes core/admin.py | 5 +- core/forms.py | 29 +++ core/migrations/0001_initial.py | 34 +++ .../__pycache__/0001_initial.cpython-311.pyc | Bin 0 -> 1812 bytes core/models.py | 25 +- core/templates/base.html | 69 ++++-- core/templates/core/index.html | 230 +++++++----------- core/templates/core/login.html | 14 ++ core/templates/core/pricing.html | 67 +++++ core/templates/core/signup.html | 54 ++++ core/urls.py | 7 +- core/views.py | 43 ++-- static/css/custom.css | 131 +++++++++- staticfiles/css/custom.css | 148 +++++++++-- 22 files changed, 659 insertions(+), 204 deletions(-) create mode 100644 cookies.txt create mode 100644 core/__pycache__/forms.cpython-311.pyc create mode 100644 core/forms.py create mode 100644 core/migrations/0001_initial.py create mode 100644 core/migrations/__pycache__/0001_initial.cpython-311.pyc create mode 100644 core/templates/core/login.html create mode 100644 core/templates/core/pricing.html create mode 100644 core/templates/core/signup.html diff --git a/config/__pycache__/settings.cpython-311.pyc b/config/__pycache__/settings.cpython-311.pyc index 5be02db206d695487566bb415cb6b1e287631fb4..a3f1ff5c27492784007601f40ab3937da1f9a02b 100644 GIT binary patch delta 606 zcmZ8dJ5Rz;6u!4D8Xyf21OyZnP{8t1>myNoLgJt?K3LAe;Axt=5Mg6c6BB3B7#9Y^ zpe8z~o&5t2t~$E7I~g~=rXshAJWKC6dhL_A-7Ebgd+-n z(0!(pV+`ZwK91rT<4d%9H40%&Vv1!+9Pe7GYttH41sK2#3}O}{=z$@o!Nk90 zL^QV`Wf`7teiihp;N};w(EOgSNS6L0E?F4TxO_@1s1+q`MqOt9Ki=eUReuqNyjex6 zakvKKScDw%yChY5w8?_AVc)OTlx(@K)C}4FZlia)&vioc`i1Mq?OG}CtyjvsrJc&= jRFvolR=FflLl_y1hkY$PR_?ENn)~y_*Z_k-mTGt4A`V_qA z1t0prkAD8+!T_(qK5bJB^=ul20EQum5sV5%6+2_0kr>9)cr3k_1y36evH{RWby*t#x&JPeQY^@9; z{)As}k$_<)7HhVKx-gFavJCyn(F4f&~|Ru>#HGtW9m z5uZjpo*5qwR@Py{q^cZ9al}KW?5+s7A1=pzr>fTIz>oW)9f&xUyeG}SsB$DI3lmB7 zAkE&=tgNhrr%Y8P>+>XK@*d`zg~g_OEF$J+y(~^Mmz}X7ONDe#g*-`ye!$#7NalXp zY7fsB)sDVB3)!|@*J|T4xzObuBZQ`~k$=xAY~{b_E0D|D3)G*Xezh}(#snHUG^Q); Y?iiXAXy(vdW%tI=nm{WrQrgKoJ0Xi5zDD diff --git a/core/__pycache__/forms.cpython-311.pyc b/core/__pycache__/forms.cpython-311.pyc new file mode 100644 index 0000000000000000000000000000000000000000..d1f8e917d69168bc0ae8cc0ea90fa2cf3277c95a GIT binary patch literal 2354 zcmeHI&u<$=6rR~%wi8EAh$#sL8bV8BmDn7hrwW0h8d;%k)h37TWwqHIw@!DxW_I1Q z$VfR)60F@)NyWhTFf6u{9>|fzEw+qNXPVmjEs~!X@q04U(I9j#G0qR4X2LeGsPCea2TfGlQyEE5hJ& ziZi58K_X0C<6foeFe@?<;lT4E^nU=~8PTatbV=B!U|(YLrV=lC%}d2rTckp5i=oYsADS%^>Ox6{f>Z&b)68Y%Vh?4vj7MN`* zOg7+qYNpFVmAPisDYvySX&5+S7~zCrxSri`P)-}hw++*Y7_Nc2Pz91Xp;oCf$M)N# zkDeSY7jAnlD>OD5wV+X8_n6fPJYLxH_#MA)TC8AsoE5}Q=j-=F1wG-Duo89l=K!_` zS9dzwQoA!Bw=}#sek8{kYnB8UH;gqt{XYSIqEAQ=ZwvJI;Ms>KYP%=~x%&O~mqUGL}xho6=Kx*e^<& z5Yo0%E<%=Smgl5@=D!zG_MKMyYdkzZ|D_5^v`>K31R5)}wnhg`) z#wN1@AJkx?v$g{3m{Z~J0n6XVDJjFS9Mks=!^hoNSXkKR?;v{y;JYzdg?6#F{hI)P zZIi=H_Tkpf*5l@*=I-aM=Ce%hAd_n;huOIwO9$C=EoCRwot)_rDV6W0ryrLdl^(9{ zthQDU)3ZBQe@`#|mR|f->7*B*rI!!V%boOcH#6Is6nW65YwZM|MsH>i-aL#PTg-6`qfPmF;C&48m(h2ma6STtvVR8voQ|)aB&p}Yw-M-M&KzXUzCh;XF`d-Z zY>)g4h|(FY50!MBRsA9`|JgZ`E!8ScgVij?-{>frAE!s0CL9yH%rk)eZ3I!RB3-a# z`KJK0D9jJY|4W(h)36)46#oD>1hFQuUx*)7m>ocPuv_OCob)KvvwRiY1P^Fw{PaXnfG?y zH*ft%G^!G4#o%mdLn7oa?DSfoEA0IW!Yg7BLoi8M$O!_c`Vtw)Beg4{|0tI&T~DMt7KNva=k>7?L|%;)VI(+jnSHf7Kc zmMw#tcA@KnA{+QuLI}-8=W@v)_SW zm8*JX4aU^3vx~PME@U$c_d%`{%{r|VD9a`TUP#j_dYNjPr)nDPLfu4pMALq#>!z<^ zVQ|hO0B^}22J|tNUa`tFUC-AmwR)O9rGcJi;DfeHbh3wHLtmm@eQ{9`Od5pnQKMn+{j$xCSJZv^fr*?1E&23ntql! zhcF`EXy7oTwuB)LDcl;jm^VY*k~V=o?|KX(xiGij2Nq2X*$}}hFvQ%55qw5+BZdOZ z3VF&sW)(}oE5Qp}6%Eb^tg%;?sZgskYNwNu7p_-LOE)y2!~{6< zQXL*LJQu_jD(gZ^iO%EZ?}*j!$CgoP2ZDiKkofv>Q)1zG_D&nvdM*#G6x2bfy)Z zaicSh#kP93IsH7{Qpa6&ypcgh&kIQDA@HD;{pm1QecuqriH%BS>tZ6)P@ zkQgS+3wI5SJpXd=>hA^a;NJj$clhfKekVSLX8kYZb@nB!fd$C^6QCmrg3u;cox!_J z&N+j3M-B)W`|;SE-Q}A7!}?fIfKz-Fn#JelE{^Z_l_wOw`tkT;@#XDZg1UWJ1 F@E^X^D+2%k delta 161 zcmca2e33DBIWI340}!mp_?2M^q#uJgFu(+5d=>&SrZc24q%h_%fLsynkYiL&UjbnOYTd1zL-!^Qo158 zsS-uWkGYdvpskRo=q%Auv3E8F5mIJnS2ORu8O`jkR%;EkIqWEC5P-WXc{Y0$JY4DE z2XNpdgot>A05`Z98jwfAn2i%~%4t{VLNCl&`(Y zGzH`9|1v&$7H@rm&YSzHeTOJa2jkJbUI99&Xb^L8rmR#3!yxt*4HG|z70UuY&Qk@F zu8QJ8B+l)X%#}>T=d2dH(y9_`S>np-Gmbm9YVt3G*iZVo3^Q46r|7ppOtQLV-JmY4 z^{S~=dakjMarPS?v>G1w-BA(=H$TneaqfyUG0ew_bSH`Ynx%uGaEFQ1v~J%|zdzbX zQNr_3yqBB0xLPlp>1SaQLT+HMc+1aEm7#dN_1kp-s(&muHaSk;p?ZGX$B_Ikx*_}w6><@Kz z*Rg|==8%J0Qqq=!ee|KYF)pRY{u#Swp<=4PX?12l6cIL%3p#ucU=#Vr?mCde4&=2r z%nd<2!phyE?oy(e5Y2k6<=fUSrp&`GPGm~H4T$G^%uDG-RcpC6(SjR+;|Cg9Cwkz! zRJ-HS+g`h&6OB7sGszvV*4{|6+$EiYXS47-Q~@5K17+r?bK&dW08Sg^Fn;Ka)%(DJgbLn$^<2i*ciDh9sI3rZh@c2w@|QIUss?B5V}z+!J?Wn>1= zp7G@)yW@Vw?eAgdv_J8BmL0s!GCLtVpxGN~>4#v)vO6K;cJ~CIF*A@3>ImbljFCSx zyoEf)@wiu!Gj%-f|M|u~>wbWQKAB9N05UUru z%RQy|`0@{zzrXV6N*`q==6mYfn-_n%`17S-FLjp>3NXl9A4P>yTquQw(t$d=^=YJ* zW3?O>%6%E^pXbqZIV#S_#rdu{82svA(%<5f`;oE~D@&oc#Cv_Eq9oJCt%lQdYhKHx zK73g`&H!axB!T4!7%#Bn0N^-wTfo5SN#Jz+2W>lF A;{X5v literal 1364 zcmZ`(&1)M+6ra_{dS%J>I!@|TuH%hUh$T{~CE!96oTjQ1oHkCdQ%ZHHPf-Q6#oP5Eq{V!1Q7#*Ku^61OfEk4%~~s}guETzy!YnKoA>c! z|CpMZL_mL+PRlpL2>m0JfI>sz+l$SscSs^=|k4VB6wxYJ2mwh>6 zP1s6a0Xh0B%Et_88>QrbMYzqB#N#E*3Oks3CUHQODRvA@K~k7$;|6iCE(zZu#bJlk z(8(RJK1WUTVt6pV9fEo^GQIeJgpqaJXHRNMhV;}glZK3tBN^en5Q~o7QAND#(>piA zMx+^HvEUS;@pC3}9#TaPq;a2SxGAxj;0&RP639l>kPjiNqhJ8&1AY_l`WecBvKL`< zK_mp-GGfihA=Gg+ss)BI*;w21yRNY^)~upqm`+Labc(T~)l62_EK-D_XmFxoXUC+( zv9ZH61GA!Od6`C{=(;tt(Wqy1VsquT>;5P-9=l@|nMF#b-iU4DnzqgA7Upvgw;tSE z&pj%9yS|;<+IaYA=m{Nfc9(G8LP76tKq2MQk+Efgahls~zxB^Y15iq2p ze1hU%s@P+67IZo#*hj*3LMINxyUY_2H9@DJWy{3I+3Mq}!>U=li}flaG+QI|spl4T zob~hDF>%eyxOE;8-gFVJ3n+TO18bo->ila}J65%hy4+QlU#ly}>PkmVchz)jqo<`_ z{(P+6Xlpn2)BEXH3$5?^ljojY`z`Y<)5;BG^zo;?`Q?6crISo|lj(kPxtsi=lf2$d zUhiF8=v}zfU%GryZ>QE?g*r>Q?ozJ5xODJS`|4MJebZUI)m^+bn2pWI0|cyf_w9L< zIJbYby>RVisS{uA##h^s)e}e(07x&wM(2TX`E06G0Q9V<>X{|ul?i3g0?%(HPYlgf z1`zb;;Me{qqL;+gPk@~&H*I26ExbmrfGYk1-V?J23Qf!STJ1D7kp?9Q9_n|YskZ+;#g zjsrTriY&{2gaP==C4v#@BbVzG`2j!x83mLXy0Qw}43$I8a5>BX7CZzn^c{d<6lw%} zz-b78GdlfIjzDG?2$AP5xg)S7-jwUQWXhUq5U!~~q!`t{uD6WziOWA3*EaI(mRZP@ zLv>INvj9aJT(AMMFhn`gMr^=gAOpiNa?YL7sLts0M~#J1Pm>QgFm}$LQX6M<4s_z4 zj+YsicS`4(FQky3G33dI0v5H!z{L6Re`Bt(_3-(~DNFa#=?}W^-+m|mhu^7N_?^Cm z&Zwu82t2wG+n6UG4&-R0kqq!gbbzG>SUSMqIGi}2ype;*t2wB%M3NB2 zZ!Af1L#I?!R%MeWha@0sAr;cR%E-{&h9pC4UN*PguG8JtAc>FU`YO%yh8qdt*Y+j7 zkM5yE(?{c*O{tE2Jofo#TYc^ZbziQlkLZ1Hupy~+jj*snVqO5Wy-9R!b$4xb{bLf> zTBzUhzko|>7QFnhw68T$$*NeYX_e3+s!}KP(qm0OFj`U-mE7c%uAhq1{QUequ^-x8 z>qvK>01vp8X{fY^PX^z!kB6)01kTJnY1^5Zi}3G7 zTo$pa~KFOyIH}` z3OF@GgT_d-4a{|4{5r+7!b zPqCM=WxuK)=nIr|A7-OMffHgF#^C_-HU@Y6zXzuA>wbsJGn@l%f+ul1Rea$Ju3jVc GeE0|FrRWC$ literal 0 HcmV?d00001 diff --git a/core/models.py b/core/models.py index 71a8362..7101d43 100644 --- a/core/models.py +++ b/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}' diff --git a/core/templates/base.html b/core/templates/base.html index 1e7e5fb..da53ecd 100644 --- a/core/templates/base.html +++ b/core/templates/base.html @@ -1,25 +1,58 @@ +{% load static %} - - - {% block title %}Knowledge Base{% endblock %} - {% if project_description %} - - - - {% endif %} - {% if project_image_url %} - - - {% endif %} - {% load static %} - - {% block head %}{% endblock %} + + + {% block title %}MarketMatchr{% endblock %} + + + + + + + {% if project_description %} + + + + {% endif %} + + {% if project_image_url %} + + + {% endif %} + - - {% block content %}{% endblock %} - +
+
+ MarketMatchr + + +
+
+
+ {% block content %}{% endblock %} +
+ + + diff --git a/core/templates/core/index.html b/core/templates/core/index.html index faec813..5cc96fa 100644 --- a/core/templates/core/index.html +++ b/core/templates/core/index.html @@ -1,145 +1,95 @@ {% extends "base.html" %} +{% load static %} -{% block title %}{{ project_name }}{% endblock %} - -{% block head %} - - - - -{% endblock %} +{% block title %}MarketMatchr - Connect with Influencers{% endblock %} {% block content %} -
-
-

Analyzing your requirements and generating your app…

-
- Loading… +
+
+
+

Find the Perfect Influencer for Your Brand

+

Connect with top influencers and launch successful campaigns.

+
+ + +
+
-

AppWizzy AI is collecting your requirements and applying the first changes.

-

This page will refresh automatically as the plan is implemented.

-

- Runtime: Django {{ django_version }} · Python {{ python_version }} - — UTC {{ current_time|date:"Y-m-d H:i:s" }} -

-
-
-
- Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC) -
-{% endblock %} \ No newline at end of file + + +
+
+
+

Featured Influencers

+
+
+
+ +
+
+ Influencer +
+
Influencer Name
+

Fashion | 1.2M Followers

+
+
+
+
+
+ Influencer +
+
Another Influencer
+

Gaming | 800k Followers

+
+
+
+
+
+ Influencer +
+
Top Creator
+

Travel | 2.5M Followers

+
+
+
+
+
+ +
+
+
+

How It Works

+
+
+
+
+
+

1. Find Influencers

+

Use our powerful search to discover influencers in your niche.

+
+
+
+
+

2. Launch Campaigns

+

Create campaigns and invite influencers to collaborate.

+
+
+
+
+

3. Drive Results

+

Track your campaign performance and grow your brand.

+
+
+
+
+ +
+
+
+

Join MarketMatchr Today!

+

Sign up now and start connecting with the best influencers.

+ Join For Free +
+
+
+{% endblock %} diff --git a/core/templates/core/login.html b/core/templates/core/login.html new file mode 100644 index 0000000..61faa81 --- /dev/null +++ b/core/templates/core/login.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} + +{% block title %}Login - MarketMatchr{% endblock %} + +{% block content %} +
+
+
+

Login

+

This is a placeholder for the login page.

+
+
+
+{% endblock %} diff --git a/core/templates/core/pricing.html b/core/templates/core/pricing.html new file mode 100644 index 0000000..7801d31 --- /dev/null +++ b/core/templates/core/pricing.html @@ -0,0 +1,67 @@ +{% extends "base.html" %} + +{% block title %}Pricing - MarketMatchr{% endblock %} + +{% block content %} +
+
+
+

Our Pricing Plans

+

Choose the plan that's right for you.

+
+
+
+
+
+
+
Free
+
$0/month
+
+
    +
  • 0 Published Campaigns
    • +
  • Up to 3 Draft Campaigns
    • +
  • Campaign Analytics
    • +
+
+ Sign up for free +
+
+
+
+
+
+
+
Professional
+
$49/month
+
+
    +
  • 10 Published Campaigns per month
    • +
  • Unlimited Draft Campaigns
    • +
  • Campaign Analytics
    • +
+
+ Get Started +
+
+
+
+
+
+
+
Premium
+
$99/month
+
+
    +
  • 50 Published Campaigns per month
    • +
  • Unlimited Draft Campaigns
    • +
  • Campaign Analytics
    • +
+
+ Get Started +
+
+
+
+
+
+{% endblock %} \ No newline at end of file diff --git a/core/templates/core/signup.html b/core/templates/core/signup.html new file mode 100644 index 0000000..d2af04c --- /dev/null +++ b/core/templates/core/signup.html @@ -0,0 +1,54 @@ +{% extends "base.html" %} + +{% block title %}Sign Up - MarketMatchr{% endblock %} + +{% block content %} +
+
+
+
+
+

Sign Up

+
+

Join as a company or an influencer.

+
+ + +
+
+
+ {% csrf_token %} + + {{ form.as_p }} +
+ +
+
+
+
+
+
+
+ + +{% endblock %} \ No newline at end of file diff --git a/core/urls.py b/core/urls.py index 6299e3d..2d1f36c 100644 --- a/core/urls.py +++ b/core/urls.py @@ -1,7 +1,10 @@ from django.urls import path -from .views import home +from .views import index, pricing, login, signup urlpatterns = [ - path("", home, name="home"), + path("", index, name="index"), + path("pricing/", pricing, name="pricing"), + path("login/", login, name="login"), + path("signup/", signup, name="signup"), ] diff --git a/core/views.py b/core/views.py index c9aed12..02b3f65 100644 --- a/core/views.py +++ b/core/views.py @@ -1,25 +1,26 @@ -import os -import platform +from django.shortcuts import render, redirect +from django.contrib.auth import login +from .forms import CompanySignUpForm, InfluencerSignUpForm -from django import get_version as django_version -from django.shortcuts import render -from django.utils import timezone +def index(request): + 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): + return render(request, 'core/login.html') - 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() + login(request, user) + return redirect('index') + else: + form = InfluencerSignUpForm() + return render(request, 'core/signup.html', {'form': form}) \ No newline at end of file diff --git a/static/css/custom.css b/static/css/custom.css index 925f6ed..73ab997 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,4 +1,131 @@ -/* Custom styles for the application */ body { - font-family: system-ui, -apple-system, sans-serif; + font-family: 'Lato', sans-serif; + color: #333333; + background-color: #F6F9FC; + padding-top: 70px; /* For fixed top navbar */ } + +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; +} \ No newline at end of file diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css index 108056f..73ab997 100644 --- a/staticfiles/css/custom.css +++ b/staticfiles/css/custom.css @@ -1,21 +1,131 @@ - -: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; + padding-top: 70px; /* For fixed top navbar */ } + +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; +} \ No newline at end of file