@@ -8,6 +8,7 @@ import Footer from "@/components/global/footer";
8
8
import { FAQSection } from "@/components/global/FAQ/faq-section" ;
9
9
import { AnnouncementBanner } from "@/components/global/announcement-banner" ;
10
10
11
+
11
12
export default function LandingPage ( ) {
12
13
const heroRef = useScrollReveal ( ) ;
13
14
const featuresRef = useScrollReveal ( ) ;
@@ -234,6 +235,37 @@ export default function LandingPage() {
234
235
</ div >
235
236
</ section >
236
237
238
+ { /* Social Technologies Section */ }
239
+ < section id = "Social" className = "mt-14 py-32 px-4 sm:px-6 lg:px-8 min-h-[720px] flex items-center" style = { { backgroundImage : "radial-gradient( circle farthest-corner at 3.7% 49.8%, rgba(143,232,255,1) 21.9%, rgba(209,243,251,1) 52.9% )" } } >
240
+ < div className = "max-w-7xl mx-auto text-center" >
241
+ < h2 className = "font-['Brice'] font-normal text-4xl sm:text-6xl md:text-7xl mb-4 sm:mb-6 text-black tracking-tight leading-tight" >
242
+ Social technologies
243
+ </ h2 >
244
+ < p className = "text-base sm:text-xl text-gray-800 mb-12 max-w-2xl mx-auto" >
245
+ Social technologies that help influencers and buisnesses grow, build community and monetize their content.
246
+ </ p >
247
+
248
+ < div className = "social-icons-container" >
249
+ < Link href = "/social/instagram" className = "social-icon" >
250
+ < Image src = "/icons/meta/instagram.png" alt = "Instagram" width = { 24 } height = { 24 } />
251
+ </ Link >
252
+ < Link href = "/social/facebook" className = "social-icon" >
253
+ < Image src = "/icons/meta/facebook.png" alt = "Facebook" width = { 24 } height = { 24 } />
254
+ </ Link >
255
+ < Link href = "/social/facebook" className = "social-icon" >
256
+ < Image src = "/icons/meta/facebook-messenger.png" alt = "Messenger" width = { 24 } height = { 24 } />
257
+ </ Link >
258
+ < Link href = "/social/facebook" className = "social-icon" >
259
+ < Image src = "/icons/meta/whatsapp.png" alt = "WhatsApp" width = { 24 } height = { 24 } />
260
+ </ Link >
261
+ < Link href = "/social/facebook" className = "social-icon" >
262
+ < Image src = "/icons/threads.svg" alt = "Threads" width = { 24 } height = { 24 } />
263
+ </ Link >
264
+ </ div >
265
+ < p className = "text-gray-600 text-center mb-8" > Automate your favourite apps with no code</ p >
266
+ </ div >
267
+ </ section >
268
+
237
269
{ /* Product Launch Timeline Section */ }
238
270
< section className = "relative min-h-screen flex items-center px-4 sm:px-6 lg:px-8 bg-background snap-start py-8 sm:py-12 mt-16 sm:mt-0" >
239
271
< div className = "max-w-7xl mx-auto" >
@@ -425,11 +457,6 @@ export default function LandingPage() {
425
457
</ div >
426
458
427
459
< div className = "grid lg:grid-cols-2 gap-12 items-center" >
428
- < div ref = { useScrollReveal ( ) } className = "relative opacity-0 translate-y-4 transition-all duration-700" >
429
- < video autoPlay loop muted playsInline className = "w-full rounded-2xl shadow-xl" >
430
- < source src = "/images/features_story-mentions-trigger.webm" type = "video/webm" />
431
- </ video >
432
- </ div >
433
460
< div ref = { useScrollReveal ( ) } className = "opacity-0 translate-y-4 transition-all duration-700" >
434
461
< h2 className = { `font-['Brice'] font-normal text-5xl sm:text-6xl mb-8 text-black tracking-tight leading-tight` } >
435
462
Automatically respond to every message
@@ -476,7 +503,8 @@ export default function LandingPage() {
476
503
477
504
{ /* Testimonial Section */ }
478
505
479
- { /* IG-Story Image Section */ }
506
+
507
+ { /* IG-Story Image Section
480
508
<section className="hidden sm:block relative py-12 sm:py-20 bg-background mt-16 sm:mt-28">
481
509
<div className="w-full px-4 sm:px-0">
482
510
<div className="w-full">
@@ -493,11 +521,13 @@ export default function LandingPage() {
493
521
</div>
494
522
</div>
495
523
</section>
524
+ */ }
496
525
497
- { /* FAQ Section */ }
498
526
527
+ { /* FAQ Section */ }
499
528
< FAQSection />
500
529
530
+ { /* FOOTER Section */ }
501
531
< Footer />
502
532
</ main >
503
533
) ;
0 commit comments