From c17da954832fbbe7f7e505e6c73d94bffe676331 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 13:05:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 329 +++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 276 insertions(+), 53 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 26122b9..8623b43 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,9 +10,12 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia import FaqDouble from "@/components/sections/faq/FaqDouble"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterBase from "@/components/sections/footer/FooterBase"; -import { Sparkles, Zap, Crown, Upload, Clapperboard, CheckCircle, Mail } from "lucide-react"; +import { Sparkles, Zap, Crown, Upload, Clapperboard, CheckCircle, Mail, Play } from "lucide-react"; +import { useState } from "react"; export default function LandingPage() { + const [selectedVideo, setSelectedVideo] = useState(null); + return ( @@ -56,8 +60,8 @@ export default function LandingPage() { ]} enableKpiAnimation={true} buttons={[ - { text: "Order Video Editing", href: "contact" }, - { text: "View Portfolio", href: "how-it-works" }, + { text: "Order Now", href: "https://t.me/MURATKULOV_20" }, + { text: "View Portfolio", href: "#portfolio" }, ]} buttonAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-dynamic-video-editing-montage-showcasi-1772714070757-2d3969a0.png" @@ -78,14 +82,17 @@ export default function LandingPage() { tagAnimation="blur-reveal" features={[ { - id: "1", title: "Automotive Edits", author: "Cinematic Expertise", description: "Cinematic car edits, Instagram reels, and promotional videos that showcase vehicles in their best light with professional color grading and smooth transitions.", tags: ["Cinematic", "Professional", "Fast Delivery"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-cinematic-automotive-video-edit-showca-1772714070063-093f1a1a.png", imageAlt: "Automotive video editing example"}, + id: "1", title: "Car Edits", author: "Cinematic Expertise", description: "Cinematic car edits, Instagram reels, and promotional videos that showcase vehicles in their best light with professional color grading and smooth transitions.", tags: ["Cinematic", "Professional", "Fast Delivery"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-cinematic-automotive-video-edit-showca-1772714070063-093f1a1a.png", imageAlt: "Automotive video editing example" + }, { id: "2", title: "Content Creator Editing", author: "YouTube & Social", description: "YouTube videos, TikTok edits, and Instagram reels optimized for engagement. Short-form and long-form content with advanced editing techniques and trending transitions.", tags: ["YouTube", "TikTok", "Engaging"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/professional-youtube-video-thumbnail-and-1772714070780-4229972b.png", imageAlt: "YouTube and social media editing example"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/professional-youtube-video-thumbnail-and-1772714070780-4229972b.png", imageAlt: "YouTube and social media editing example" + }, { id: "3", title: "Advanced Video Editing", author: "Premium Quality", description: "Complex transitions, motion graphics, advanced animation, color grading, and professional sound design. Perfect for high-end marketing videos and cinematic projects.", tags: ["Motion Graphics", "Color Grading", "Premium"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/short-form-social-media-content-showcase-1772714068971-cec3fcb9.png", imageAlt: "Advanced video editing with motion graphics"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/short-form-social-media-content-showcase-1772714068971-cec3fcb9.png", imageAlt: "Advanced video editing with motion graphics" + }, ]} animationType="blur-reveal" textboxLayout="default" @@ -94,6 +101,54 @@ export default function LandingPage() { /> +
+
+
+
+ + + Portfolio Gallery + +
+

Our Best Work

+

Watch our latest video editing projects showcasing cinematic quality and creative excellence

+
+
+ {[ + { + title: "Cinematic Car Edit", thumbnail: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-cinematic-automotive-video-edit-showca-1772714070063-093f1a1a.png" + }, + { + title: "YouTube Intro", thumbnail: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/professional-youtube-video-thumbnail-and-1772714070780-4229972b.png" + }, + { + title: "Social Media Reel", thumbnail: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/short-form-social-media-content-showcase-1772714068971-cec3fcb9.png" + }, + ].map((video, idx) => ( +
setSelectedVideo(video.title)} + > + {video.title} +
+
+ +
+
+
+

{video.title}

+
+
+ ))} +
+
+
+
+
+
+
+
+ + + Order Form + +
+

Place Your Order

+

Submit your project details and we'll get back to you with a quote within 2 hours

+
+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ +