Skip to content

Commit f97343e

Browse files
0xdevcollins0xdevcollins
committed
feat: add About Us Hero component and update About page
- Introduced AboutUsHero2 component with GSAP animations for enhanced visual appeal. - Updated About page to utilize the new AboutUsHero2 component, improving the overall structure and user experience. - Added new SVG assets for visual elements in the About section.
1 parent 5da2d74 commit f97343e

9 files changed

Lines changed: 3889 additions & 15 deletions

File tree

‎app/(landing)/about/AboutUsHero2.tsx‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
'use client';
2+
import gsap from 'gsap';
3+
import { useGSAP } from '@gsap/react';
4+
import { useRef } from 'react';
5+
import { BoundlessButton } from '@/components/buttons';
6+
import Image from 'next/image';
7+
import BeamBackground from '@/components/landing-page/BeamBackground';
8+
import Link from 'next/link';
9+
10+
export default function AboutUsHero() {
11+
const contentRef = useRef<HTMLDivElement>(null);
12+
13+
useGSAP(() => {
14+
if (contentRef.current) {
15+
gsap.from(contentRef.current.children, {
16+
opacity: 0,
17+
y: 30,
18+
duration: 0.8,
19+
stagger: 0.15,
20+
ease: 'power3.out',
21+
});
22+
}
23+
}, []);
24+
25+
return (
26+
<div className='relative flex h-full min-h-[95vh] justify-center overflow-hidden bg-[#030303]'>
27+
<BeamBackground />
28+
<div
29+
ref={contentRef}
30+
className='relative z-10 mx-auto w-full max-w-[550px] px-5 text-center sm:mt-10 md:px-6'
31+
>
32+
<h1 className='mb-4 flex flex-col items-center justify-center text-center text-[30px] leading-[100%] tracking-[-1.92px] text-white sm:mb-6 sm:text-[32px] lg:text-[32px] xl:text-[48px]'>
33+
<span className='w-full text-center'>Boundless is Where</span>
34+
<span className='gradient-text mx-auto font-medium sm:text-nowrap'>
35+
Ideas meet Opportunity
36+
</span>
37+
</h1>
38+
39+
<p
40+
className='mb-6 text-[14px] leading-[160%] sm:mb-7 sm:text-[14px] xl:text-[16px]'
41+
style={{
42+
background: 'linear-gradient(93deg, #B5B5B5 15.93%, #FFF 97.61%)',
43+
backgroundClip: 'text',
44+
WebkitBackgroundClip: 'text',
45+
WebkitTextFillColor: 'transparent',
46+
}}
47+
>
48+
We help innovators validate ideas, raise funds, and access grants,
49+
hackathons and bounties through milestone-based support powered by
50+
Stellar and Trustless Work.
51+
</p>
52+
53+
<nav
54+
className='mx-auto flex max-w-[446px] flex-col items-center justify-center gap-3 sm:gap-4 md:flex-row'
55+
aria-label='Primary actions'
56+
>
57+
<Link href='/projects' className='w-full'>
58+
<BoundlessButton
59+
variant='default'
60+
size='lg'
61+
fullWidth
62+
aria-label='Explore featured projects and campaigns'
63+
className='min-h-[44px] touch-manipulation'
64+
>
65+
Explore Projects
66+
</BoundlessButton>
67+
</Link>
68+
<Link href='/submit' className='w-full'>
69+
<BoundlessButton
70+
variant='secondary'
71+
size='lg'
72+
fullWidth
73+
aria-label='Submit your project idea for funding'
74+
className='min-h-[44px] touch-manipulation'
75+
>
76+
Submit Your Idea
77+
</BoundlessButton>
78+
</Link>
79+
</nav>
80+
</div>
81+
<div className='absolute right-0 bottom-0 left-0 z-0'>
82+
<div className='from-background absolute right-0 bottom-0 h-[80px] w-full bg-gradient-to-t to-transparent opacity-50 sm:h-[100px]' />
83+
<Image
84+
src='/about-map.svg'
85+
alt=''
86+
width={1000}
87+
height={1000}
88+
className='mx-auto h-auto w-[90vw] max-w-full object-cover sm:h-full'
89+
priority
90+
loading='eager'
91+
aria-hidden='true'
92+
/>
93+
</div>
94+
</div>
95+
);
96+
}

‎app/(landing)/about/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import Timeline from '@/components/landing-page/about/timeline/Timeline';
88

99
import TestimonialsSection from '@/components/testimonials/TestimonialsSection';
1010
import { testimonials } from '@/components/testimonials/data/testimonial';
11-
import AboutUsHero from './AboutUsHero';
11+
import AboutUsHero2 from './AboutUsHero2';
1212
import OurTeam from './OurTeam';
1313
import Partners from './Partners';
1414

@@ -17,7 +17,7 @@ export const metadata: Metadata = generatePageMetadata('about');
1717
const AboutPage = () => {
1818
return (
1919
<section>
20-
<AboutUsHero />
20+
<AboutUsHero2 />
2121
<div className='relative z-10 mx-auto max-w-[1440px] space-y-[23px] md:space-y-[80px]'>
2222
<Missionpage />
2323
<AboutUsDifferent />

‎app/(landing)/code-of-conduct/CodeOfConductContent.tsx‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@ const tableOfContents = [
6767
{ id: 'our-pledge', label: 'Our Pledge' },
6868
{ id: 'expected-behavior', label: 'Expected Behavior' },
6969
{ id: 'unacceptable-behavior', label: 'Unacceptable Behavior' },
70+
{ id: 'bounties', label: 'Bounties and Task-Based Work' },
7071
{ id: 'enforcement', label: 'Enforcement Responsibilities' },
7172
{ id: 'scope', label: 'Scope' },
7273
{ id: 'reporting', label: 'Reporting Violations' },
@@ -459,6 +460,88 @@ const CodeOfConductContent = () => {
459460
</div>
460461
</section>
461462

463+
{/* Bounties and Task-Based Work */}
464+
<section
465+
id='bounties'
466+
ref={setSectionRef('bounties')}
467+
className='scroll-mt-24'
468+
>
469+
<h2 className='mb-4 text-2xl font-semibold text-white'>
470+
Bounties and Task-Based Work
471+
</h2>
472+
<div className='space-y-6 text-sm leading-relaxed text-gray-300'>
473+
<p>
474+
Bounties on Boundless are task-specific opportunities where
475+
creators post specific tasks and offer rewards for completion.
476+
All participants in the bounty system must adhere to this Code
477+
of Conduct.
478+
</p>
479+
<div>
480+
<h3 className='mb-2 text-lg font-semibold text-white'>
481+
Bounty Creator Expectations
482+
</h3>
483+
<ul className='ml-6 list-disc space-y-2'>
484+
<li>
485+
Provide clear, detailed task descriptions and requirements
486+
</li>
487+
<li>Set fair and reasonable reward amounts</li>
488+
<li>
489+
Review submissions promptly and provide constructive
490+
feedback
491+
</li>
492+
<li>
493+
Approve and pay for completed work that meets requirements
494+
</li>
495+
<li>Communicate respectfully with bounty hunters</li>
496+
<li>
497+
Do not cancel bounties unfairly or after work has been
498+
completed
499+
</li>
500+
</ul>
501+
</div>
502+
<div>
503+
<h3 className='mb-2 text-lg font-semibold text-white'>
504+
Bounty Hunter Expectations
505+
</h3>
506+
<ul className='ml-6 list-disc space-y-2'>
507+
<li>Only claim bounties you can reasonably complete</li>
508+
<li>
509+
Deliver work that meets or exceeds the stated requirements
510+
</li>
511+
<li>
512+
Submit original work and disclose any third-party
513+
dependencies
514+
</li>
515+
<li>
516+
Respond professionally to feedback and revision requests
517+
</li>
518+
<li>Do not submit plagiarized or stolen work</li>
519+
<li>Do not claim multiple bounties for the same task</li>
520+
</ul>
521+
</div>
522+
<div>
523+
<h3 className='mb-2 text-lg font-semibold text-white'>
524+
Unacceptable Bounty Practices
525+
</h3>
526+
<ul className='ml-6 list-disc space-y-2'>
527+
<li>Creating bounties for illegal or harmful tasks</li>
528+
<li>Posting misleading or deceptive bounty descriptions</li>
529+
<li>
530+
Refusing to pay for completed work that meets requirements
531+
</li>
532+
<li>Submitting incomplete or substandard work</li>
533+
<li>Claiming bounties without intent to complete them</li>
534+
<li>Colluding to manipulate bounty outcomes</li>
535+
<li>Using multiple accounts to claim the same bounty</li>
536+
</ul>
537+
</div>
538+
<p>
539+
Violations of bounty-related conduct may result in warnings,
540+
temporary bans, or permanent removal from the bounty system.
541+
</p>
542+
</div>
543+
</section>
544+
462545
{/* Enforcement Responsibilities */}
463546
<section
464547
id='enforcement'

‎app/(landing)/disclaimer/DisclaimerContent.tsx‎

Lines changed: 99 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@ const tableOfContents = [
6868
{ id: 'not-a-bank', label: 'Not a Bank or Financial Institution' },
6969
{ id: 'no-investment-guarantees', label: 'No Investment Guarantees' },
7070
{ id: 'project-risks', label: 'Project Risks' },
71+
{ id: 'bounties', label: 'Bounty Risks' },
7172
{ id: 'blockchain-risks', label: 'Blockchain and Technology Risks' },
7273
{ id: 'escrow-disclaimer', label: 'Escrow and Smart Contract Disclaimer' },
7374
{ id: 'regulatory-compliance', label: 'Regulatory Compliance' },
@@ -242,9 +243,9 @@ const DisclaimerContent = () => {
242243
<div className='space-y-4 text-sm leading-relaxed text-gray-300'>
243244
<p>
244245
Boundless is a platform that enables innovators to validate
245-
ideas, raise funds, and access grants and hackathons using
246-
milestone-based funding, powered by the Stellar blockchain and
247-
Trustless Work escrow APIs.
246+
ideas, raise funds, and access grants, hackathons and bounties
247+
using milestone-based funding, powered by the Stellar
248+
blockchain and Trustless Work escrow APIs.
248249
</p>
249250
<p>
250251
This Disclaimer outlines the risks, limitations, and important
@@ -425,6 +426,101 @@ const DisclaimerContent = () => {
425426
</div>
426427
</section>
427428

429+
{/* Bounty Risks */}
430+
<section
431+
id='bounties'
432+
ref={setSectionRef('bounties')}
433+
className='scroll-mt-24'
434+
>
435+
<h2 className='mb-4 text-2xl font-semibold text-white'>
436+
Bounty Risks
437+
</h2>
438+
<div className='space-y-6 text-sm leading-relaxed text-gray-300'>
439+
<p>
440+
Participating in bounties involves specific risks that you
441+
should understand:
442+
</p>
443+
<div>
444+
<h3 className='mb-2 text-lg font-semibold text-white'>
445+
Bounty Creator Risks
446+
</h3>
447+
<ul className='ml-6 list-disc space-y-2'>
448+
<li>
449+
Bounty hunters may submit incomplete or substandard work
450+
</li>
451+
<li>
452+
Multiple submissions may require time to review and
453+
evaluate
454+
</li>
455+
<li>
456+
Disputes may arise about whether work meets requirements
457+
</li>
458+
<li>
459+
Funds are locked in escrow until completion or
460+
cancellation
461+
</li>
462+
<li>
463+
Platform fees apply even if no satisfactory submission is
464+
received
465+
</li>
466+
</ul>
467+
</div>
468+
<div>
469+
<h3 className='mb-2 text-lg font-semibold text-white'>
470+
Bounty Hunter Risks
471+
</h3>
472+
<ul className='ml-6 list-disc space-y-2'>
473+
<li>
474+
You may complete work that does not meet the creator's
475+
expectations
476+
</li>
477+
<li>
478+
Your submission may be rejected even if you believe it
479+
meets requirements
480+
</li>
481+
<li>
482+
Other hunters may submit work before you, potentially
483+
claiming the reward
484+
</li>
485+
<li>
486+
Bounties may be cancelled before you complete your work
487+
</li>
488+
<li>
489+
You may not receive payment if disputes are resolved
490+
against you
491+
</li>
492+
<li>
493+
Time invested in completing bounties may not result in
494+
payment
495+
</li>
496+
</ul>
497+
</div>
498+
<div>
499+
<h3 className='mb-2 text-lg font-semibold text-white'>
500+
No Guarantees
501+
</h3>
502+
<p>Boundless does not guarantee:</p>
503+
<ul className='mt-2 ml-6 list-disc space-y-2'>
504+
<li>That bounty creators will approve your submission</li>
505+
<li>
506+
That bounty hunters will complete tasks satisfactorily
507+
</li>
508+
<li>That disputes will be resolved in your favor</li>
509+
<li>That bounties will be completed or rewards paid</li>
510+
<li>The quality or timeliness of submissions</li>
511+
</ul>
512+
</div>
513+
<p>
514+
<strong>
515+
You participate in bounties at your own risk. Boundless is
516+
not responsible for the quality of work submitted, approval
517+
decisions, or payment disputes between bounty creators and
518+
hunters.
519+
</strong>
520+
</p>
521+
</div>
522+
</section>
523+
428524
{/* Blockchain Risks */}
429525
<section
430526
id='blockchain-risks'

0 commit comments

Comments
 (0)