Skip to content

Commit

Permalink
improve mentorship landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@andrecasal
andrecasal committed Sep 11, 2024
1 parent 61d3c8b commit 4b49ffa
Showing 1 changed file with 8 additions and 72 deletions.
80 changes: 8 additions & 72 deletions app/routes/_marketing+/mentorship.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,10 +103,11 @@ const FullStackWebDevMentor = () => {
<div className="pb-24 pt-12 sm:pb-32 sm:pt-16 lg:flex lg:gap-x-10 lg:pb-40 lg:pt-20">
<div className="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
<H1 size="4xl" className="mt-10">
Business mentoring for entrepreneurs.
Web Development and Entrepreneurship Mentorship
</H1>
<P size="md" className="mt-6 text-muted-600">
I'll help you build your service or tech product, find your first customers, grow your business, and become an independent entrepreneur.
Wow, those are some big words! I'll teach you full-stack web dev, and, if you want, help you build your service or tech product, teach you how to find your
first customers.
</P>
<div className="mt-10 flex items-center gap-x-6">
<Button size="lg" asChild>
Expand All @@ -122,62 +123,17 @@ const FullStackWebDevMentor = () => {
<div className="lg:col-span-2 lg:col-start-1 lg:row-start-1 lg:grid lg:w-full lg:grid-cols-2 lg:gap-x-8">
<div className="lg:pr-4">
<div className="lg:max-w-2xl">
<H2 size="3xl">Building a business can be overwhelming</H2>
<H2 size="3xl">Web Dev can be overwhelming</H2>
<P size="xl" className="mt-6 text-muted-700">
Embarking on the journey of entrepreneurship is both thrilling and challenging. As a seasoned business mentor, I understand the intricacies involved in
transforming an idea into a thriving venture. Whether you're just starting or looking to take your business to new heights, I offer comprehensive guidance
to navigate the entrepreneurial landscape.
As a tech entrepreneur and teacher for 18 years I've got loads of knowledge and experience to share with you. I've been through the same struggles you are
going through right now, and I can help you overcome them.
</P>
</div>
</div>
</div>
<div className="pt-8 lg:sticky lg:top-4 lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:overflow-hidden">
<img className="w-full max-w-none rounded-full bg-muted-900 shadow-xl ring-1 ring-muted-400/10" src="/img/andre_casal.png" alt="André Casal" />
</div>
<div className="lg:col-span-2 lg:col-start-1 lg:row-start-2 lg:mx-auto lg:grid lg:w-full lg:grid-cols-2 lg:gap-x-8">
<div className="lg:pr-4">
<div className="max-w-xl text-muted-700 lg:max-w-lg">
<H3 size="lg">Why Choose Me as Your Business Mentor?</H3>
<ul className="mt-8 space-y-8 text-muted-600">
<li className="flex items-start gap-x-3">
<Icon name="trophy" className="mt-1.5 h-5 w-5 flex-none self-start text-brand" aria-hidden="true" />
<Span>
<strong className="font-semibold text-muted-900">Proven Track Record</strong>
<br />
Having founded and scaled multiple businesses myself (and continuing to), I've encountered many of the hurdles you will face and conquered them.
My hands-on experience sets me apart, ensuring you receive advice grounded in real-world achievements. I'm in a position to help you build a
business plan and guide you through it, helping you see what's important at each stage of the business, and where you should focus your energy and
why, as I've done for multiple entrepreneurs whose businesses I've helped save, build, or scale up to multiple thousands per month. Check out the
testimonials to see what they say about me.
</Span>
</li>
<li className="flex gap-x-3">
<Icon name="brain" className="mt-1.5 h-5 w-5 flex-none self-start text-brand" aria-hidden="true" />
<Span>
<strong className="font-semibold text-muted-900">Wealth of skills</strong>
<br />
Business is complicated. There's a lot of skills you need to know in order to be a successfull business owner or entrepreneur. Planning,
strategizing, researching, acquisition, communication, marketing, designing, launching, people and financial management, policy and law, the
specific skill that services your clients or creates your product, not to talk about your personal skills of mindset, grit, productivity,
emotional management and so forth. I'm not strong in policy and law (due to a personal desinterest), so I usually lean on friends or professionals
to help me with that part, but I do hold substantial knowledge in all the other skills, with a strong emphasis on another one: full-stack web
development. So I'm well placed to help you build your business, but extra well placed if you're building a software-based business.
</Span>
</li>
<li className="flex gap-x-3">
<Icon name="chat-bubbles" className="mt-1.5 h-5 w-5 flex-none self-start text-brand" aria-hidden="true" />
<Span>
<strong className="font-semibold text-muted-900">Continuous Support</strong>
<br />
From my experience, the best kind of mentorship is continuous and mostly through chat with the occasional video call. My mentees describe me as a
source of positive energy and working with me as having a magnet that constantly guides and pulls them through the path to self-growth and
success.
</Span>
</li>
</ul>
</div>
</div>
</div>
</div>
</Container>
<BackgroundBlur>
Expand Down Expand Up @@ -247,29 +203,9 @@ const FullStackWebDevMentor = () => {
<div className="mt-6 flex flex-col gap-x-8 gap-y-20 lg:flex-row">
<div className="lg:w-full lg:max-w-2xl lg:flex-auto">
<P size="xl" className="text-muted-600">
We start by having an initial call to build context on what you'd like to accomplish, bounce ideas back and forth, and make a plan for the first sprint.
The goal is to gain clarity on exactly what you'd like to build, so we can get our hands dirty.
</P>
<P size="md" className="mt-10 max-w-xl text-muted-700">
Then comes the bulk of the work, where you'll build your business with my guidance. I'll be there to make sure you're on the right track, helping you with
any questions you have, and correcting any mistakes you make along the way. We'll be bouncing a lot of ideas back and forth during this phase.
Is pretty straightforward. You bring a problem, I help you solve it. You bring a project, I help you build it. You bring a goal, I help you reach it. It's
very much a hands-on approach, where we'll work together to get you where you want to be.
</P>
<P size="md" className="mt-10 max-w-xl text-muted-700">
This happends until we reach the mentorship's natural end, where you've accomplished what you've set out to, your business is thriving, and you're most
likely making more money than you've ever made in your life <Icon name="heart-filled" />.
</P>
</div>
<div className="flex w-full items-start justify-start gap-8 lg:ml-14 lg:flex-col xl:w-80">
{stats.map(stat => (
<div key={stat.value} className="flex flex-col gap-y-2">
<Span size="4xl" weight="semibold" className="text-muted-900">
{stat.value}
</Span>
<P size="md" className="text-muted-600">
{stat.label}
</P>
</div>
))}
</div>
</div>
</div>
Expand Down

0 comments on commit 4b49ffa

Please sign in to comment.