ourworld_web/www_ourworld_new
20
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi 2025-07-09 18:16:18 +02:00
parent ee296687d2
commit 7aad0cc9f2
4 changed files with 103 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/page.tsx
View File

@ -10,6 +10,7 @@ import { SecondaryFeatures } from '@/components/SecondaryFeatures'
import { Testimonials } from '@/components/Testimonials'
import { HomePrinciples } from '@/components/HomePrinciples'
import { HomeMilestones } from '@/components/HomeMilestones'
import { HomeVentures } from '@/components/HomeVentures'
export default function Home() {
return (
@ -20,10 +21,8 @@ export default function Home() {
<HomeAbout />
<HomePrinciples />
<HomeMilestones />
<SecondaryFeatures />
<HomeVentures />
<CallToAction />
<Testimonials />
<Pricing />
<Faqs />
</main>
<Footer />

33
src/components/CallToAction.tsx
View File

@ -8,28 +8,27 @@ export function CallToAction() {
return (
<section
id="get-started-today"
className="relative overflow-hidden bg-blue-600 py-32"
className="relative overflow-hidden bg-black py-32"
style={{
}}
>
<Image
className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src={backgroundImage}
alt=""
width={2347}
height={1244}
unoptimized
/>
<Container className="relative">
<div className="mx-auto max-w-lg text-center">
<h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
Get started today
<div className="mx-auto max-w-3xl text-center">
<h2 className="h2-default text-white">
Launch Ventures That Shape the Future
</h2>
<p className="mt-4 text-lg tracking-tight text-white">
It’s time to take control of your books. Buy our software so you can
feel like you’re doing something productive.
Partner with OurWorld to build infrastructure, metaverse platforms, DeFi, education, and digital economy ventures—all backed by funding, mentorship, and mission-aligned infrastructure.
</p>
<Button href="/register" color="white" className="mt-10">
Get 6 months free
</Button>
<div className="mt-12 flex flex-col sm:flex-row gap-8 justify-center">
<Button href="/contact" color="white">
Contact Us
</Button>
<a href="/book-meeting" className="button-outline">
Book a Meeting
</a>
</div>
</div>
</Container>
</section>

81
src/components/HomeVentures.tsx Normal file
View File

@ -0,0 +1,81 @@
'use client'
import { Button } from '@/components/Button'
export function HomeVentures() {
return (
<div className="bg-white">
<div className="relative isolate">
<div className="overflow-hidden">
<div className="mx-auto max-w-7xl px-6 pt-24 pb-24 lg:px-8 lg:pt-24">
<div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
<div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
<p className="subtitle text-gray-900">
VENTURES
</p>
<h2 className="h2-default text-gray-900">
Where Innovation Meets Independence
</h2>
<p className="mt-8 p-default text-gray-500 lg:max-w-none">
All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital autonomy and self-empowerment. Explore the ventures shaping our future.
</p>
<div className="mt-10 flex items-center">
<Button href="/ventures" color="black">Explore Ventures</Button>
</div>
</div>
<div className="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0">
<div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-0 xl:pt-80">
<div className="relative">
<img
alt=""
src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
</div>
</div>
<div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
<div className="relative">
<img
alt=""
src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
</div>
<div className="relative">
<img
alt=""
src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
</div>
</div>
<div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
<div className="relative">
<img
alt=""
src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
</div>
<div className="relative">
<img
alt=""
src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
)
}

4
src/styles/tailwind.css
View File

@ -57,4 +57,8 @@
.p-default {
@apply text-lg/8 lg:text-xl/8;
}
.button-outline {
@apply bg-transparent border border-white text-white px-6 py-3 rounded-3xl font-medium transition-colors hover:bg-white hover:text-black;
}
}