bender/1a32eb5c-5989-4e87-a36c-fd6f7155ee94
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

10 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
78e8f2645b Update src/app/page.tsx 2026-03-05 13:07:27 +00:00
bender
4af9657a46 Update src/app/layout.tsx 2026-03-05 13:07:27 +00:00
bender
d362ca4e08 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 13:05:42 +00:00
bender
e077e11b86 Update src/app/styles/variables.css 2026-03-05 13:05:39 +00:00
bender
c17da95483 Update src/app/page.tsx 2026-03-05 13:05:38 +00:00
bender
9bb15eced4 Update src/app/layout.tsx 2026-03-05 13:05:38 +00:00
bender
2e77032a18 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 12:55:14 +00:00
bender
93b5278351 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 12:42:29 +00:00
bender
d93a012c59 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 12:41:35 +00:00
bender
03e52907cb Merge version_1 into main 
Merge version_1 into main
 2026-03-05 12:40:17 +00:00
3 changed files with 286 additions and 101 deletions
Expand all files Collapse all files

50
src/app/layout.tsx
View File

@@ -1,58 +1,21 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Professional Video Editing Service | NeonCut Studio", description: "High-quality video editing for YouTube, TikTok, Instagram, automotive content & business marketing. Fast turnaround, competitive pricing, 500+ projects completed.", keywords: "video editing service, youtube editing, tiktok editing, automotive video editing, content creator editing, professional video editor", metadataBase: new URL("https://neoncutstudio.com"),
alternates: {
canonical: "https://neoncutstudio.com"},
openGraph: {
title: "Professional Video Editing Service | NeonCut Studio", description: "Transform your raw footage into cinematic masterpieces. Fast, professional video editing for creators and brands.", url: "https://neoncutstudio.com", siteName: "NeonCut Studio", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-dynamic-video-editing-montage-showcasi-1772714070757-2d3969a0.png", alt: "Professional video editing montage"},
],
},
twitter: {
card: "summary_large_image", title: "Professional Video Editing Service | NeonCut Studio", description: "High-quality video editing for creators and businesses. 24-72 hour turnaround.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/a-dynamic-video-editing-montage-showcasi-1772714070757-2d3969a0.png"],
},
robots: {
index: true,
follow: true,
},
title: "NeonCut Studio - Professional Video Editing Service", description: "High-quality video editing for YouTube, TikTok, Instagram, automotive content and business marketing videos. Fast turnaround, affordable pricing."
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1420,7 +1383,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

333
src/app/page.tsx
View File

@@ -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<string | null>(null);
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -32,32 +35,33 @@ export default function LandingPage() {
navItems={[
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Portfolio", id: "how-it-works" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Portfolio", id: "portfolio" },
{ name: "How It Works", id: "how-it-works" },
{ name: "FAQ", id: "faq" },
]}
button={{
text: "Order Video Editing", href: "contact"}}
text: "Order Now", href: "https://t.me/MURATKULOV_20"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Professional Video Editing Service"
description="High-quality video editing for YouTube, TikTok, Instagram, automotive content and business marketing videos. Transform your raw footage into cinematic masterpieces."
description="Get faster content production and higher engagement with our expert video editing. We transform raw footage into viral-ready videos within 24-72 hours—guaranteed. Join 500+ creators and brands who are already seeing 3x more views."
tag="Creative Studio"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
kpis={[
{ value: "24-72 hrs", label: "Delivery Time" },
{ value: "24-72 hrs", label: "Guaranteed Delivery" },
{ value: "500+", label: "Projects Completed" },
{ value: "98%", label: "Client Satisfaction" },
]}
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() {
/>
</div>
<div id="portfolio" data-section="portfolio">
<div className="py-20 px-8 max-w-7xl mx-auto">
<div className="text-center mb-16">
<div className="inline-block px-4 py-2 rounded-full bg-purple-500/20 text-purple-400 text-sm font-medium mb-4">
<span className="flex items-center gap-2">
<Sparkles size={16} />
Portfolio Gallery
</span>
</div>
<h2 className="text-5xl font-light mb-4">Our Best Work</h2>
<p className="text-lg opacity-90 max-w-2xl mx-auto">Watch our latest video editing projects showcasing cinematic quality and creative excellence</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{[
{
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) => (
<div
key={idx}
className="group relative overflow-hidden rounded-lg cursor-pointer"
onClick={() => setSelectedVideo(video.title)}
>
<img
src={video.thumbnail}
alt={video.title}
className="w-full h-64 object-cover transition-transform duration-300 group-hover:scale-110"
/>
<div className="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
<div className="bg-purple-500 p-4 rounded-full">
<Play size={32} className="text-white" />
</div>
</div>
<div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
<h3 className="text-white font-semibold">{video.title}</h3>
</div>
</div>
))}
</div>
</div>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Transparent Pricing"
@@ -102,19 +157,28 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
plans={[
{
id: "basic", badge: "Popular", badgeIcon: Sparkles,
id: "basic-edit", badge: "Popular", badgeIcon: Sparkles,
price: "$30", subtitle: "Perfect for short clips and social content", features: [
"Video length: 10 seconds – 5 minutes", "Standard editing", "Basic transitions", "Color correction", "Fast turnaround", "Up to 2 revisions"],
"Video length: 10 seconds – 5 minutes", "Standard editing", "Basic transitions", "Color correction", "Fast turnaround", "Up to 2 revisions"
],
},
{
id: "advanced", badge: "Most Popular", badgeIcon: Zap,
id: "advanced-edit", badge: "Most Popular", badgeIcon: Zap,
price: "$50", subtitle: "Great for YouTube and professional content", features: [
"Complex transitions", "Motion graphics", "Advanced animation", "Professional color grading", "Sound design included", "Up to 2 revisions"],
"Complex transitions", "Motion graphics", "Advanced animation", "Professional color grading", "Sound design included", "Up to 2 revisions"
],
},
{
id: "long-form", badge: "Premium", badgeIcon: Crown,
id: "car-edit", badge: "Premium", badgeIcon: Crown,
price: "$75", subtitle: "Specialized automotive content editing", features: [
"Cinematic car footage editing", "Professional color grading", "Smooth transitions & effects", "Motion graphics & overlays", "Instagram Reels & TikTok format", "Up to 2 revisions"
],
},
{
id: "long-video-edit", badge: "Professional", badgeIcon: Crown,
price: "$150-$300", subtitle: "Ideal for feature films and documentaries", features: [
"Video length: 8+ minutes", "Full cinematic treatment", "Advanced motion graphics", "Professional color grading", "Sound design & mixing", "Up to 3 revisions"],
"Video length: 8+ minutes", "Full cinematic treatment", "Advanced motion graphics", "Professional color grading", "Sound design & mixing", "Up to 3 revisions"
],
},
]}
animationType="blur-reveal"
@@ -152,6 +216,92 @@ export default function LandingPage() {
/>
</div>
<div id="order-form" data-section="order-form">
<div className="py-20 px-8 max-w-4xl mx-auto">
<div className="text-center mb-12">
<div className="inline-block px-4 py-2 rounded-full bg-purple-500/20 text-purple-400 text-sm font-medium mb-4">
<span className="flex items-center gap-2">
<Sparkles size={16} />
Order Form
</span>
</div>
<h2 className="text-5xl font-light mb-4">Place Your Order</h2>
<p className="text-lg opacity-90">Submit your project details and we'll get back to you with a quote within 2 hours</p>
</div>
<form className="bg-[#1a1a1a] rounded-lg p-8 space-y-6 border border-purple-500/20">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label className="block text-sm font-medium mb-2">Name *</label>
<input
type="text"
placeholder="Your name"
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-purple-500"
required
/>
</div>
<div>
<label className="block text-sm font-medium mb-2">Email *</label>
<input
type="email"
placeholder="your@email.com"
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-purple-500"
required
/>
</div>
</div>
<div>
<label className="block text-sm font-medium mb-2">Video Type *</label>
<select
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white focus:outline-none focus:border-purple-500"
required
>
<option value="">Select a service</option>
<option value="basic">Basic Edit ($30)</option>
<option value="advanced">Advanced Edit ($50)</option>
<option value="car">Car Edit ($75)</option>
<option value="long-form">Long Form Edit ($150-$300)</option>
</select>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label className="block text-sm font-medium mb-2">Duration (minutes) *</label>
<input
type="number"
placeholder="5"
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-purple-500"
required
/>
</div>
<div>
<label className="block text-sm font-medium mb-2">File Upload</label>
<input
type="file"
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white focus:outline-none focus:border-purple-500"
/>
</div>
</div>
<div>
<label className="block text-sm font-medium mb-2">Description / Requirements</label>
<textarea
placeholder="Describe your project, style preferences, and any specific requirements..."
rows={4}
className="w-full px-4 py-3 bg-[#0a0a0a] border border-purple-500/30 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-purple-500 resize-none"
/>
</div>
<button
type="submit"
onClick={(e) => {
e.preventDefault();
window.location.href = "mailto:sigmabobo2025@gmail.com?subject=Video Editing Order";
}}
className="w-full bg-purple-500 hover:bg-purple-600 text-white font-semibold py-3 rounded-lg transition-colors duration-300"
>
Submit Order
</button>
</form>
</div>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say"
@@ -161,16 +311,20 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Alex Chen", role: "YouTube Creator", company: "Tech Tutorials Channel", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715300637-94k8rm2m.jpg", imageAlt: "Alex Chen, YouTube creator"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715300637-94k8rm2m.jpg", imageAlt: "Alex Chen, YouTube creator"
},
{
id: "2", name: "Sarah Martinez", role: "TikTok Influencer", company: "Creative Content Studio", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715297607-jfnuke33.jpg", imageAlt: "Sarah Martinez, TikTok influencer"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715297607-jfnuke33.jpg", imageAlt: "Sarah Martinez, TikTok influencer"
},
{
id: "3", name: "Marcus Johnson", role: "Marketing Director", company: "Digital Marketing Agency", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715291271-s14lzry8.jpg", imageAlt: "Marcus Johnson, marketing director"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715291271-s14lzry8.jpg", imageAlt: "Marcus Johnson, marketing director"
},
{
id: "4", name: "Emma Rodriguez", role: "Brand Manager", company: "Automotive Dealership", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715284773-k99vo01s.jpg", imageAlt: "Emma Rodriguez, automotive brand manager"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/uploaded-1772715284773-k99vo01s.jpg", imageAlt: "Emma Rodriguez, automotive brand manager"
},
]}
kpiItems={[
{ value: "500+", label: "Projects Completed" },
@@ -184,6 +338,89 @@ export default function LandingPage() {
/>
</div>
<div id="extra-services" data-section="extra-services">
<div className="py-20 px-8 max-w-6xl mx-auto">
<div className="text-center mb-12">
<div className="inline-block px-4 py-2 rounded-full bg-purple-500/20 text-purple-400 text-sm font-medium mb-4">
<span className="flex items-center gap-2">
<Sparkles size={16} />
Extra Services
</span>
</div>
<h2 className="text-5xl font-light mb-4">Enhance Your Project</h2>
<p className="text-lg opacity-90 max-w-2xl mx-auto">Add premium services to take your videos to the next level</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{[
{
title: "Thumbnail Design", description: "Eye-catching custom thumbnails optimized for YouTube, TikTok, and social media. Stand out from the competition with professional thumbnail design.", price: "$10"
},
{
title: "Subtitles & Captions", description: "Auto-generated or manually created subtitles and captions. Boost engagement and accessibility. Available in multiple languages.", price: "$10"
},
{
title: "Color Grading", description: "Professional cinematic color grading and correction. Enhance the mood and visual impact of your videos with expert color treatment.", price: "$15"
},
].map((service, idx) => (
<div key={idx} className="bg-[#1a1a1a] rounded-lg p-8 border border-purple-500/20 hover:border-purple-500/50 transition-all duration-300">
<h3 className="text-2xl font-semibold mb-3 text-white">{service.title}</h3>
<p className="text-gray-400 mb-6">{service.description}</p>
<div className="flex items-end justify-between">
<span className="text-3xl font-bold text-purple-400">{service.price}</span>
<a
href="https://t.me/MURATKULOV_20"
className="bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg transition-colors duration-300"
>
Add
</a>
</div>
</div>
))}
</div>
</div>
</div>
<div id="contact" data-section="contact">
<div className="py-20 px-8 max-w-4xl mx-auto">
<div className="text-center mb-12">
<div className="inline-block px-4 py-2 rounded-full bg-purple-500/20 text-purple-400 text-sm font-medium mb-4">
<span className="flex items-center gap-2">
<Mail size={16} />
Get In Touch
</span>
</div>
<h2 className="text-5xl font-light mb-4">Contact Us</h2>
<p className="text-lg opacity-90">Reach out to us through your preferred communication channel</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
<a
href="https://t.me/MURATKULOV_20"
className="bg-[#1a1a1a] rounded-lg p-8 border border-purple-500/20 hover:border-purple-500/50 transition-all duration-300 text-center hover:bg-purple-500/5"
>
<div className="text-3xl mb-4">📱</div>
<h3 className="text-xl font-semibold mb-2">Telegram</h3>
<p className="text-gray-400">@MURATKULOV_20</p>
</a>
<a
href="mailto:sigmabobo2025@gmail.com"
className="bg-[#1a1a1a] rounded-lg p-8 border border-purple-500/20 hover:border-purple-500/50 transition-all duration-300 text-center hover:bg-purple-500/5"
>
<div className="text-3xl mb-4">✉️</div>
<h3 className="text-xl font-semibold mb-2">Email</h3>
<p className="text-gray-400">sigmabobo2025@gmail.com</p>
</a>
<a
href="https://instagram.com"
className="bg-[#1a1a1a] rounded-lg p-8 border border-purple-500/20 hover:border-purple-500/50 transition-all duration-300 text-center hover:bg-purple-500/5"
>
<div className="text-3xl mb-4">📸</div>
<h3 className="text-xl font-semibold mb-2">Instagram</h3>
<p className="text-gray-400">@neoNCut.studio</p>
</a>
</div>
</div>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
@@ -192,17 +429,23 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
faqs={[
{
id: "1", title: "How long does video editing take?", content: "Most projects are completed within 24-72 hours depending on video length and complexity. Rush options available for urgent projects."},
id: "1", title: "How long does video editing take?", content: "Most projects are completed within 24-72 hours depending on video length and complexity. Rush options available for urgent projects."
},
{
id: "2", title: "How many revisions are included?", content: "Up to 2 revisions are included in all our packages. Additional revisions can be requested for a small additional fee."},
id: "2", title: "How many revisions are included?", content: "Up to 2 revisions are included in all our packages. Additional revisions can be requested for a small additional fee."
},
{
id: "3", title: "What file formats should I send?", content: "We accept most common video formats (MP4, MOV, AVI, MKV) and raw footage files. We also accept project files from DaVinci Resolve, Premiere Pro, and Final Cut Pro."},
id: "3", title: "What file formats should I send?", content: "We accept most common video formats (MP4, MOV, AVI, MKV) and raw footage files. We also accept project files from DaVinci Resolve, Premiere Pro, and Final Cut Pro."
},
{
id: "4", title: "Do you provide subtitles and captions?", content: "Yes! Subtitles and captions are available as an add-on service for $10. They can be auto-generated or manually created for accuracy."},
id: "4", title: "Do you provide subtitles and captions?", content: "Yes! Subtitles and captions are available as an add-on service for $10. They can be auto-generated or manually created for accuracy."
},
{
id: "5", title: "Can you create custom thumbnails?", content: "Absolutely! Custom thumbnail design is available as an add-on for $10. We create eye-catching thumbnails optimized for YouTube, TikTok, and social media."},
id: "5", title: "Can you create custom thumbnails?", content: "Absolutely! Custom thumbnail design is available as an add-on for $10. We create eye-catching thumbnails optimized for YouTube, TikTok, and social media."
},
{
id: "6", title: "What about color grading services?", content: "Professional color grading is available as an add-on for $15. This includes color correction, grading, and cinematic color treatment for your videos."},
id: "6", title: "What about color grading services?", content: "Professional color grading is available as an add-on for $15. This includes color correction, grading, and cinematic color treatment for your videos."
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -212,26 +455,6 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get Started"
title="Ready to Transform Your Videos?"
description="Submit your project details and we'll get back to you within 2 hours with a quote and timeline. Let's create something amazing together."
tagIcon={Mail}
tagAnimation="blur-reveal"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWgzEadNySxt6YgXr5avdZuVLd/modern-video-editing-studio-workspace-wi-1772714069200-37b97577.png?_wi=2"
imageAlt="Professional video editing studio"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Subscribe & Get Quote"
termsText="We'll send you a personalized quote and our latest editing portfolio examples."
className="py-20"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="NeonCut Studio"
@@ -239,23 +462,23 @@ export default function LandingPage() {
columns={[
{
title: "Services", items: [
{ label: "Automotive Edits", href: "services" },
{ label: "Content Creator Editing", href: "services" },
{ label: "Advanced Editing", href: "services" },
{ label: "Car Edits", href: "#services" },
{ label: "Content Creator Editing", href: "#services" },
{ label: "Advanced Editing", href: "#services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "How It Works", href: "how-it-works" },
{ label: "Testimonials", href: "testimonials" },
{ label: "How It Works", href: "#how-it-works" },
{ label: "Portfolio", href: "#portfolio" },
],
},
{
title: "Connect", items: [
{ label: "Telegram", href: "https://t.me" },
{ label: "Telegram", href: "https://t.me/MURATKULOV_20" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Email", href: "contact" },
{ label: "Email", href: "mailto:sigmabobo2025@gmail.com" },
],
},
]}

4
src/app/styles/variables.css
View File

@@ -17,8 +17,8 @@
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #f8f5ffe6;
--accent: #737373;
--background-accent: #737373;
--accent: #c89bff;
--background-accent: #c89bff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);