Merge version_2 into main #5
@@ -1,58 +1,20 @@
|
||||
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 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
329
src/app/page.tsx
329
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<string | null>(null);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -32,12 +35,13 @@ 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>
|
||||
|
||||
@@ -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() {
|
||||
/>
|
||||
</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" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user