diff --git a/assets/css/custom.css b/assets/css/custom.css index ce93305..446e6f7 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -8,6 +8,9 @@ --gradient-primary: linear-gradient(135deg, #00f2ff 0%, #8a2be2 100%); --card-bg: rgba(26, 26, 36, 0.7); --border-color: rgba(255, 255, 255, 0.1); + --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.3); + --glass-bg: rgba(255, 255, 255, 0.03); + --glass-border: rgba(255, 255, 255, 0.08); } * { @@ -37,58 +40,90 @@ a { /* Header */ header { - padding: 20px 0; - display: flex; - justify-content: space-between; - align-items: center; + padding: 15px 0; position: sticky; top: 0; - z-index: 100; - background: rgba(10, 10, 15, 0.8); - backdrop-filter: blur(10px); + z-index: 1000; + background: rgba(10, 10, 15, 0.85); + backdrop-filter: blur(20px); + border-bottom: 1px solid var(--border-color); } -.logo { - font-size: 24px; - font-weight: 700; +.logo-container { + display: flex; + align-items: center; + gap: 12px; +} + +.logo-img { + width: 32px; + height: 32px; +} + +.logo-text { + font-size: 22px; + font-weight: 800; background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; - letter-spacing: -1px; + letter-spacing: -0.5px; } .nav-links { display: flex; - gap: 30px; + gap: 25px; } .nav-links a { color: var(--text-secondary); font-weight: 500; - transition: color 0.3s; + font-size: 14px; + transition: all 0.3s; + position: relative; + padding: 5px 0; } -.nav-links a:hover { +.nav-links a:hover, .nav-links a.active { color: var(--text-primary); } +.nav-links a.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 2px; + background: var(--gradient-primary); + border-radius: 2px; +} + .btn { padding: 12px 24px; border-radius: 12px; font-weight: 600; cursor: pointer; - transition: transform 0.2s, opacity 0.2s; + transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: none; - display: inline-block; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; } .btn:active { - transform: scale(0.98); + transform: scale(0.95); } .btn-primary { background: var(--gradient-primary); color: #fff; + box-shadow: 0 10px 20px rgba(0, 242, 255, 0.15); +} + +.btn-primary:hover { + box-shadow: 0 15px 30px rgba(0, 242, 255, 0.25); + transform: translateY(-2px); } .btn-secondary { @@ -97,26 +132,32 @@ header { border: 1px solid var(--border-color); } +.btn-secondary:hover { + background: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.2); +} + /* Hero Section */ .hero { - padding: 100px 0; + padding: 120px 0; text-align: center; position: relative; } .hero h1 { - font-size: 64px; - font-weight: 800; - margin-bottom: 20px; - letter-spacing: -2px; - line-height: 1.1; + font-size: 72px; + font-weight: 900; + margin-bottom: 24px; + letter-spacing: -2.5px; + line-height: 1; } .hero p { - font-size: 20px; + font-size: 22px; color: var(--text-secondary); - max-width: 700px; - margin: 0 auto 40px; + max-width: 750px; + margin: 0 auto 48px; + font-weight: 400; } .hero-bg { @@ -132,14 +173,104 @@ header { .hero-blob { position: absolute; - width: 600px; - height: 600px; - background: radial-gradient(circle, rgba(0, 242, 255, 0.1) 0%, rgba(138, 43, 226, 0.1) 100%); - filter: blur(100px); + width: 800px; + height: 800px; + background: radial-gradient(circle, rgba(0, 242, 255, 0.08) 0%, rgba(138, 43, 226, 0.08) 100%); + filter: blur(120px); border-radius: 50%; } -/* Features Cards */ +/* Glass Cards */ +.card { + background: var(--glass-bg); + border: 1px solid var(--glass-border); + backdrop-filter: blur(20px); + padding: 40px; + border-radius: 32px; + transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.card:hover { + transform: translateY(-12px); + border-color: rgba(0, 242, 255, 0.3); + background: rgba(255, 255, 255, 0.05); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); +} + +/* Enhanced Swipe Buttons */ +.swipe-actions { + display: flex; + gap: 30px; + margin-top: 40px; + align-items: center; +} + +.action-btn { + width: 76px; + height: 76px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + cursor: pointer; + border: 1px solid var(--border-color); + transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); + position: relative; + overflow: hidden; + background: var(--surface-color); +} + +.btn-dislike { + color: #ff4d4d; + background: rgba(255, 77, 77, 0.05); +} + +.btn-dislike:hover { + background: #ff4d4d; + color: #fff; + transform: scale(1.1) rotate(-8deg); + box-shadow: 0 15px 30px rgba(255, 77, 77, 0.3); +} + +.btn-like { + color: var(--accent-blue); + background: rgba(0, 242, 255, 0.05); + border-color: var(--accent-blue); +} + +.btn-like:hover { + background: var(--gradient-primary); + color: #fff; + border-color: transparent; + transform: scale(1.2) rotate(8deg); + box-shadow: 0 15px 35px rgba(138, 43, 226, 0.4); +} + +.action-btn i { + z-index: 2; +} + +/* Find Partners Specific Styling */ +.partnership-hero { + padding: 60px 0 40px; + text-align: center; +} + +.match-score-pill { + background: rgba(0, 242, 255, 0.1); + color: var(--accent-blue); + padding: 6px 14px; + border-radius: 50px; + font-size: 13px; + font-weight: 700; + border: 1px solid rgba(0, 242, 255, 0.2); + display: inline-flex; + align-items: center; + gap: 6px; +} + +/* Features grid */ .features { padding: 80px 0; display: grid; @@ -147,101 +278,20 @@ header { gap: 30px; } -.card { - background: var(--card-bg); - border: 1px solid var(--border-color); - backdrop-filter: blur(20px); - padding: 40px; - border-radius: 24px; - transition: transform 0.3s, border-color 0.3s; -} - -.card:hover { - transform: translateY(-10px); - border-color: rgba(0, 242, 255, 0.3); -} - -.card-icon { - width: 48px; - height: 48px; - background: var(--surface-color); - border-radius: 12px; - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 24px; - color: var(--accent-blue); - font-size: 24px; -} - -.card h3 { - margin-bottom: 16px; - font-size: 22px; -} - -.card p { - color: var(--text-secondary); -} - -/* How it Works */ -.how-it-works { - padding: 100px 0; - text-align: center; -} - -.how-it-works h2 { - font-size: 40px; - margin-bottom: 60px; -} - -.steps { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 40px; -} - -.step { - position: relative; -} - -.step-number { - font-size: 48px; - font-weight: 800; - opacity: 0.1; - margin-bottom: -20px; - display: block; -} - -.step h4 { - font-size: 24px; - margin-bottom: 12px; -} - /* Footer */ footer { - padding: 60px 0; + padding: 80px 0 40px; border-top: 1px solid var(--border-color); - margin-top: 100px; + margin-top: 120px; text-align: center; color: var(--text-secondary); } -.footer-links { - display: flex; - justify-content: center; - gap: 40px; - margin-bottom: 20px; -} - -.footer-links a:hover { - color: var(--text-primary); -} - @media (max-width: 768px) { .hero h1 { - font-size: 40px; + font-size: 48px; } - .nav-links { - display: none; + .hero p { + font-size: 18px; } -} +} \ No newline at end of file diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..e65084b --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/dashboard.php b/dashboard.php index 9d2ed59..84ba79f 100644 --- a/dashboard.php +++ b/dashboard.php @@ -93,7 +93,9 @@ function number_get_formatted($num) { Dashboard — <?= htmlspecialchars($platformName) ?> - + + + - - + \ No newline at end of file diff --git a/index.php b/index.php index 95b2afb..86fc469 100644 --- a/index.php +++ b/index.php @@ -19,7 +19,7 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby'; - + @@ -27,14 +27,17 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
- + + <?= htmlspecialchars($platformName) ?> Logo + + -
- Get Started +
+ Join Now
@@ -42,15 +45,18 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
-
-
+
+
-

Build the future,
funded by each other.

-

The exclusive platform for university students and graduates to connect as co-founders, share ideas, and micro-invest in the next big thing.

+
+ The University Startup Network +
+

The smarter way to
Connect & Scale.

+

Connect with co-founders, hire early talent, and raise micro-investments from a verified community of university students and graduates.

- Join the Community - Learn More + Start Your Journey + See How It Works
@@ -59,39 +65,40 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
-

Verify

-

Exclusive access for verified university students and recent graduates (up to 5 years). Safe, trusted, and high-quality network.

+

Verified Exclusivity

+

Exclusive access for verified university students and recent graduates. We ensure a high-trust environment for serious builders.

-

Connect

-

Find your ideal co-founder or early team members using our intelligent matching questionnaire based on skills and vision.

+

Intelligent Matching

+

Find your ideal co-founder based on complementary skills, shared vision, and cultural fit using our advanced discovery engine.

-

Fund

-

Launch your startup to raise micro-investments starting from £50, or build your own portfolio by backing your peers.

+

Peer Micro-Funding

+

Raise early-stage capital from your peers. Startups can list rounds while investors build diversified portfolios of student talent.

-
-

How it works

+
+
+

Your path from idea to IPO.

- 01 -

Join & Verify

-

Sign up with your university email. We verify your status to keep the community exclusive.

+ 01 +

Verify & Profile

+

Sign up with your .edu or university email to join the elite circle of student founders.

- 02 -

Choose Your Path

-

Identify as a Founder to build or an Investor to back. Tailor your profile to your goals.

+ 02 +

Swipe & Match

+

Discover partners or startups. Swipe right on potential co-founders or investment opportunities.

- 03 -

Launch & Scale

-

List your startup, find co-founders, or start investing in the most ambitious student projects.

+ 03 +

Build & Fund

+

Incorporate, launch your funding round, and scale with the support of the whole community.

@@ -99,17 +106,20 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby'; - + \ No newline at end of file diff --git a/partners.php b/partners.php index 8724c5c..006bc9b 100644 --- a/partners.php +++ b/partners.php @@ -151,67 +151,66 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby'; Find Partners — <?= htmlspecialchars($platformName) ?> - + + +
- + + <?= htmlspecialchars($platformName) ?> Logo + +
- - Log Out + + + + Log Out
@@ -219,17 +218,20 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
-
+
-

Partnership Discovery

-

Find your next co-founder, advisor, or early collaborator.

+
Discovery Engine Active
+

Meet Your Team.

+

Connect with high-potential founders and engineers in the university ecosystem.

-

Your Recent Matches

+

+ Active Connections +

@@ -248,24 +250,28 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
- - + +
-
- -

Out of candidates!

-

Try switching to Browse Mode or check back later.

+
+
+

The well is dry!

+

You've seen everyone for now. Check back tomorrow for more visionaries.

= 10): ?> -
% Compatible
+
% Match Score
@@ -275,8 +281,8 @@ $platformName = defined('PLATFORM_NAME') ? PLATFORM_NAME : 'Gatsby';
-
•
-

+
+

- - + +