ashercn97 commited on
Commit
e4de882
·
verified ·
1 Parent(s): 5094e38

ok make it a bit... like fix the copy. I want just more simple copy. And also add a few more "sections" to the page that are equially interesting - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +41 -12
index.html CHANGED
@@ -66,20 +66,20 @@
66
  <main class="flex flex-col md:flex-row items-center">
67
  <div class="md:w-1/2 mb-12 md:mb-0">
68
  <h1 class="text-5xl md:text-7xl font-bold mb-8 leading-tight tracking-tight">
69
- ACTIVATING<br>
70
- THE FUTURE<br>
71
- OF WORK
72
  </h1>
73
  <p class="text-xl mb-12 max-w-lg leading-relaxed">
74
- VITA ACTIVA IS REIMAGINING HOW WE ENGAGE WITH OUR PROFESSIONAL LIVES.
75
- A NEW PARADIGM IS COMING. STAY TUNED FOR OUR LAUNCH.
76
  </p>
77
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
78
  <button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
79
- JOIN WAITLIST
80
  </button>
81
  <button class="brutal-border border-black px-8 py-4 font-bold hover:bg-black hover:text-white">
82
- LEARN MORE
83
  </button>
84
  </div>
85
  </div>
@@ -89,23 +89,52 @@
89
  <div class="text-center p-8 relative">
90
  <div class="absolute -top-4 -left-4 w-12 h-12 rounded-full bg-yellow-300 border-2 border-black"></div>
91
  <div class="absolute -bottom-4 -right-4 w-8 h-8 rounded-full bg-pink-300 border-2 border-black"></div>
92
- <h3 class="text-4xl font-black mb-4 relative z-10">COMING SOON</h3>
93
- <p class="text-3xl font-bold relative z-10">Q4 2023</p>
94
  <div class="absolute top-1/2 right-0 w-16 h-2 bg-green-300 transform translate-x-1/2 -rotate-12 border border-black"></div>
95
  </div>
96
  </div>
97
  </div>
98
  </main>
99
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
  <footer class="mt-24 md:mt-32 pt-8 border-t border-gray-200">
101
  <div class="flex flex-col md:flex-row justify-between items-center">
102
  <div class="mb-4 md:mb-0">
103
  <span class="font-bold">© 2023 VITA ACTIVA</span>
104
  </div>
105
  <div class="flex space-x-6">
106
- <a href="#" class="font-bold">TWITTER</a>
107
- <a href="#" class="font-bold">LINKEDIN</a>
108
- <a href="#" class="font-bold">INSTAGRAM</a>
109
  </div>
110
  </div>
111
  </footer>
 
66
  <main class="flex flex-col md:flex-row items-center">
67
  <div class="md:w-1/2 mb-12 md:mb-0">
68
  <h1 class="text-5xl md:text-7xl font-bold mb-8 leading-tight tracking-tight">
69
+ BUILDING THE FUTURE<br>
70
+ OF ROBOTICS<br>
71
+ TOGETHER
72
  </h1>
73
  <p class="text-xl mb-12 max-w-lg leading-relaxed">
74
+ We're a collective of engineers and makers creating practical robotics solutions.
75
+ From prototypes to production, we make robotics accessible.
76
  </p>
77
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
78
  <button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
79
+ LEARN MORE
80
  </button>
81
  <button class="brutal-border border-black px-8 py-4 font-bold hover:bg-black hover:text-white">
82
+ VIEW GITHUB
83
  </button>
84
  </div>
85
  </div>
 
89
  <div class="text-center p-8 relative">
90
  <div class="absolute -top-4 -left-4 w-12 h-12 rounded-full bg-yellow-300 border-2 border-black"></div>
91
  <div class="absolute -bottom-4 -right-4 w-8 h-8 rounded-full bg-pink-300 border-2 border-black"></div>
92
+ <h3 class="text-4xl font-black mb-4 relative z-10">ACTIVE NOW</h3>
93
+ <p class="text-3xl font-bold relative z-10">SEEKING PARTNERS</p>
94
  <div class="absolute top-1/2 right-0 w-16 h-2 bg-green-300 transform translate-x-1/2 -rotate-12 border border-black"></div>
95
  </div>
96
  </div>
97
  </div>
98
  </main>
99
 
100
+ <section class="my-24 md:my-32">
101
+ <div class="grid md:grid-cols-3 gap-8">
102
+ <div class="brutal-border p-8">
103
+ <h3 class="text-2xl font-bold mb-4">Prototyping</h3>
104
+ <p>Rapid development of robotic concepts from napkin sketches to working prototypes.</p>
105
+ </div>
106
+ <div class="brutal-border p-8">
107
+ <h3 class="text-2xl font-bold mb-4">Open Source</h3>
108
+ <p>We believe in sharing knowledge. Most of our work is open for collaboration.</p>
109
+ </div>
110
+ <div class="brutal-border p-8">
111
+ <h3 class="text-2xl font-bold mb-4">Workshops</h3>
112
+ <p>Hands-on sessions to teach robotics fundamentals to makers of all levels.</p>
113
+ </div>
114
+ </div>
115
+ </section>
116
+
117
+ <section class="mb-24 md:mb-32">
118
+ <div class="brutal-border p-8 md:p-12 dotted-bg">
119
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Join Our Community</h2>
120
+ <p class="text-xl mb-8 max-w-2xl">
121
+ We're always looking for passionate people to collaborate with. Whether you're an engineer, designer, or just robotics-curious - let's build something amazing.
122
+ </p>
123
+ <button class="brutal-border bg-black text-white px-8 py-4 font-bold hover:bg-white hover:text-black">
124
+ GET IN TOUCH
125
+ </button>
126
+ </div>
127
+ </section>
128
+
129
  <footer class="mt-24 md:mt-32 pt-8 border-t border-gray-200">
130
  <div class="flex flex-col md:flex-row justify-between items-center">
131
  <div class="mb-4 md:mb-0">
132
  <span class="font-bold">© 2023 VITA ACTIVA</span>
133
  </div>
134
  <div class="flex space-x-6">
135
+ <a href="#" class="font-bold">GITHUB</a>
136
+ <a href="#" class="font-bold">YOUTUBE</a>
137
+ <a href="#" class="font-bold">DISCORD</a>
138
  </div>
139
  </div>
140
  </footer>