diff --git a/app/internships/InternshipsPage.css b/app/internships/InternshipsPage.css index 14c65f0..4027323 100644 --- a/app/internships/InternshipsPage.css +++ b/app/internships/InternshipsPage.css @@ -28,7 +28,7 @@ width: 10px; height: 10px; border-radius: 50%; - background-color: #28303b; + background-color: #000; opacity: 0.2; } @@ -48,4 +48,101 @@ section.blog-section { #testimonials, #blogs { scroll-margin-top: 80px; +} + +.internship-content-section { + background: #fff; + padding: 64px 0 32px 0; + font-family: "Geologica", "Roboto", system-ui, sans-serif; + color: #000; + text-align: left; +} +/* === Internship Info & Application Section Only === */ + +.momentum-intern h2, +.momentum-intern h4 { + color: #000; + font-family: "Geologica", "Roboto", system-ui, sans-serif; + font-weight: 700; + letter-spacing: -0.5px; +} + +.momentum-intern h2 { + font-size: 2rem; + margin-bottom: 18px; +} + +.momentum-intern h4 { + font-size: 1.1rem; + margin-top: 32px; + margin-bottom: 12px; +} + +.momentum-intern p, +.momentum-intern ul, +.momentum-intern ol { + font-size: 1.08rem; + line-height: 1.7; + margin-bottom: 16px; + color: #000; +} + +.momentum-intern ul, +.momentum-intern ol { + padding-left: 1.3em; +} + +.momentum-intern ul li, +.momentum-intern ol li { + margin-bottom: 8px; +} + +.momentum-intern ul li strong, +.momentum-intern ol li strong { + color: gold; + font-weight: 600; +} + +.momentum-intern table { + width: 100%; + background: #fafbfc; + border-radius: 10px; + overflow: hidden; + margin-bottom: 18px; + border: none; + box-shadow: 0 2px 8px rgba(0,0,0,0.03); +} + +.momentum-intern table th, +.momentum-intern table td { + border: none; + padding: 12px 18px; + font-size: 1rem; + vertical-align: middle; + color: #000; +} + +.momentum-intern table tr:not(:last-child) td { + border-bottom: 1px solid #ececec; +} + +.yellow-button { + border-radius: 32px !important; +} + +/* Responsive table for mobile */ +@media (max-width: 575px) { + .momentum-intern table, + .momentum-intern table tbody, + .momentum-intern table tr, + .momentum-intern table td { + display: block; + width: 100%; + } + .momentum-intern table tr { + margin-bottom: 12px; + } + .momentum-intern table td { + border-bottom: none; + } } \ No newline at end of file diff --git a/app/internships/page.js b/app/internships/page.js index 1dbaaa5..58caa2e 100644 --- a/app/internships/page.js +++ b/app/internships/page.js @@ -44,7 +44,7 @@ export default async function ResearchPage() { title="Momentum Internship Program" backgroundClass="internships-hero" /> - +
@@ -59,34 +59,119 @@ export default async function ResearchPage() {

Future-Proof Your Career

-

- At PROJXON, we help young professionals realize their full potential {" "} - while building their personal brand and understanding their value. Are you ready to launch your career in strategic consulting and digital marketing? -

+ +

+ Welcome to PROJXON, where bold thinkers become high-impact professionals. +

+

+ Our Momentum Internship Program isn't just an internship; it's a career accelerator designed for ambitious students, professionals in transition, and early-career talent ready to thrive in real-world consulting environments. +

-

- Our 180-day Momentum Internship Program{" "} - offers passionate and innovative individuals the opportunity to work on real consulting projects and collaborate with participants from across the US in various industries, including{" "} - Tech, Health + Wellness, E-commerce, Non-Profit, and Professional Services.{" "} - You'll gain invaluable hands-on experience while making a tangible impact. -

+

Why Join the Momentum Internship Program?

+

+ At PROJXON, we’ve redefined internships from the ground up. +
+ This Participant-First program centers on your vocational, professional, and career development, not busy work. You’ll collaborate on real projects, work with experienced leaders, and gain unmatched hands-on experience in a high-performance consulting environment. +

-

What We Offer:

-
    -
  • - Professional Development: Work closely with professional coaches to develop skills in Project Management, AI innovation and implementation, and achieve your career goals with personalized 1:1 coaching. Autonomy and Impact: Enjoy the freedom to work on projects that deliver direct results, in a remote and autonomous role. -
    • -
  • - Collaborative Environment: Engage with a dynamic team, working individually and collectively on diverse projects, ensuring you gain comprehensive experience. -
    • -
+

Who This Is For

+
    +
  • 🎓 Career Kickoff – For undergrads ready to apply theory to real work.
    • +
  • 💼 Career Development – For graduate students expanding their portfolio and professional edge.
    • +
  • 🔄 Career Transition – For post-grads with 3–5+ years of experience looking to pivot or lead.
    • +
+ + -

- Discover the power of tailored strategies and make your mark with PROJXON. As part of our team, you'll contribute to strategies that drive sustainable growth for our clients. This is your opportunity to forge long-lasting partnerships and be part of a team that values growth, productivity, and commercialization. -

- - - + + +

Program Snapshot

+ + + + + + + + +
Duration24 weeks (Part-Time, 20 hrs/week)
LocationFully Remote (U.S.-based participants)
Time ZoneOperates in Pacific Standard Time
FormatSemi-Autonomous, Structured, Async-Friendly
Credit EligibilityAcademic, CPT, OPT, and F-1 supported
+ + + + + +

What You’ll Experience

+ + + +

Weekly Rhythm

+ + + + + + + + + +
MondayCompany Kickoff, Team Stand-Ups
TuesdayProject Syncs (AI, WebDev, Consulting, PM, Research)
WednesdayTraining Workshops, 1:1 Coaching
ThursdayDeep Work Day (no company-mandated meetings)
FridayRetrospectives & Team Project Showcases
WeekendsNo work expectations
+ + + + + +

Your Commitment

+ + + +

Your Pathway

+
    +
  1. Apply + Interview
    2. +
  2. Onboard – Access, Familiarization, Training
    3. +
  3. Develop – Vocational Training, Mentorship
    4. +
  4. Execute – Team + Client Projects
    5. +
  5. Grow – Leadership, Coaching, Alumni Pathways
    6. +
+ + + + + +

Alumni Opportunities

+

+ Coach + Advisor + Partner + Consultant
+ We invest in talent. Many program graduates become long-term collaborators within PROJXON’s network. +

+ + + + +

Apply Today. Build Momentum. Excellerate Tomorrow

+

+ Monthly onboarding cycles mean there’s always an opportunity around the corner.
+ If you're ready to learn fast, contribute meaningfully, and grow your career, we want to meet you. +

+
+ + Apply Now + +
+ + + +
diff --git a/app/layout.jsx b/app/layout.jsx index 09bb843..fb330b3 100644 --- a/app/layout.jsx +++ b/app/layout.jsx @@ -18,7 +18,7 @@ export const metadata = { siteName: "PROJXON", images: [ { - url: "/PROJXON.png", + url: "https://www.projxon.com/PROJXON-og.png", width: 1200, height: 630, alt: "PROJXON logo", @@ -30,7 +30,7 @@ export const metadata = { card: "summary_large_image", title: "PROJXON", description: "PROJXON empowers businesses with data-driven strategies, operational clarity, and innovative insights. Turning chaos into opportunity with every move.", - images: ["/PROJXON.png"] + images:["https://www.projxon.com/PROJXON-og.png"] } }; diff --git a/components/NavBar.css b/components/NavBar.css index bb48a28..6b17d8b 100644 --- a/components/NavBar.css +++ b/components/NavBar.css @@ -84,13 +84,54 @@ a.nav-link:focus-visible { .navbar-collapse.collapsing { transition: height 0.3s ease; } - -@media (max-width: 990px) { +@media (max-width: 991.98px) { .navbar-container { + flex-direction: column !important; + align-items: center !important; + justify-content: center !important; + text-align: center; padding-left: 0px; + max-width: 400px !important; } - + .navbar-container .nav { + flex-direction: column !important; + align-items: center !important; + width: 100%; + } + .navbar-container .nav-link, .navbar-nav a.nav-link { + width: 100%; + text-align: center; padding-left: 0px !important; } } +.mobile-sidebar-menu { + position: fixed; + top: 0; + right: 0; + height: 100vh; + background: #111; + box-shadow: -2px 0 8px rgba(0,0,0,0.2); + z-index: 2000; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 2rem 1.5rem; + min-width: 180px; + max-width: 240px; + transition: transform 0.3s ease; +} + +.sidebar-link { + color: #FFD700; + font-size: 1.2rem; + margin-bottom: 1.5rem; + text-decoration: none; + text-align: left; + width: 100%; +} + +.sidebar-link.active { + font-weight: bold; + color: #fff; +} \ No newline at end of file diff --git a/components/Navbar.js b/components/Navbar.js index cf96f31..4d3719a 100644 --- a/components/Navbar.js +++ b/components/Navbar.js @@ -1,11 +1,12 @@ "use client"; import React, { useState, useEffect } from "react"; +import { Sling as Hamburger } from 'hamburger-react'; import { Navbar, Nav, NavLink, Container } from "react-bootstrap"; import Link from "next/link"; import "./NavBar.css"; import dynamic from "next/dynamic"; - +import useWindowSize from "@/components/useWindowSize"; import { usePathname } from 'next/navigation' const BootstrapBundle = dynamic( @@ -16,6 +17,8 @@ const BootstrapBundle = dynamic( const NavBar = () => { const [expanded, setExpanded] = useState(false); const pathname = usePathname() + const size = useWindowSize(); + useEffect(() => { BootstrapBundle(); // Ensure bootstrap JS is loaded after the component mounts @@ -48,8 +51,18 @@ const NavBar = () => { PROJXON - - +
+ +
+