bender/68a35c99-60b8-405d-ae3f-9d2b389d46e7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-18 12:48:52 +00:00
parent 363a2d3619 dec673858c
commit 9873bdaf21
1 changed files with 33 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="Vortex Edit"
/>
@@ -59,33 +44,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Elevate Your Story with 3D Precision"
description="Professional video editing powered by cutting-edge 3D animation and motion design. We turn raw footage into cinematic masterpieces."
tag="Motion Design Experts"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg?_wi=1",
imageAlt: "3d motion design background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg?_wi=1",
imageAlt: "futuristic camera lens render",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139394.jpg",
imageAlt: "Blurred night lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139285.jpg",
imageAlt: "Blurred night lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139368.jpg",
imageAlt: "Blurred night lights",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg", imageAlt: "3d motion design background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg", imageAlt: "futuristic camera lens render" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -98,7 +63,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Crafting Visual Excellence"
description="At Vortex Edit, we merge traditional storytelling with modern 3D motion graphics to give your content a cinematic edge that stops the scroll."
imageSrc="http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg"
imageAlt="video editor studio workspace"
/>
</div>
@@ -110,56 +75,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Speed",
description: "Blazing fast rendering times.",
icon: Zap,
title: "Speed", description: "Blazing fast rendering times.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-sun-space_23-2150953763.jpg",
imageAlt: "3d render fast processing icon",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg",
imageAlt: "3d render fast processing icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139326.jpg?_wi=2",
imageAlt: "3d render fast processing icon",
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-sun-space_23-2150953763.jpg", imageAlt: "3d render fast processing icon" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "3d render fast processing icon" }
]
},
{
title: "Coloring",
description: "Professional color grading.",
icon: Palette,
title: "Coloring", description: "Professional color grading.", icon: Palette,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-colorful-citrus-slices_53876-167157.jpg",
imageAlt: "color grading spectrum 3d",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-rays-prism-abstract-concept_23-2148771776.jpg",
imageAlt: "color grading spectrum 3d",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-smart-camera-with-colorful-lens_23-2152011745.jpg?_wi=2",
imageAlt: "3d render fast processing icon",
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-colorful-citrus-slices_53876-167157.jpg", imageAlt: "color grading spectrum 3d" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-rays-prism-abstract-concept_23-2148771776.jpg", imageAlt: "color grading spectrum 3d" }
]
},
{
title: "Sound",
description: "Immersive sound design.",
icon: Music,
title: "Sound", description: "Immersive sound design.", icon: Music,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-background-with-flowing-particles-design_1048-18245.jpg",
imageAlt: "sound design audio waves 3d",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",
imageAlt: "sound design audio waves 3d",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg?_wi=2",
imageAlt: "3d render fast processing icon",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-background-with-flowing-particles-design_1048-18245.jpg", imageAlt: "sound design audio waves 3d" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg", imageAlt: "sound design audio waves 3d" }
]
}
]}
title="Advanced Editing Capabilities"
description="We utilize state-of-the-art tools to deliver high-quality video content with fast turnarounds."
@@ -171,234 +106,26 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
brand: "Vortex",
name: "Commercial One",
price: "Featured",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection_23-2148469252.jpg",
},
{
id: "p2",
brand: "Vortex",
name: "Action Cut",
price: "Featured",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/space-station-researchers-analyzing-mars-planetary-data-using-mockup-tablet_482257-126227.jpg",
},
{
id: "p3",
brand: "Vortex",
name: "Motion Graphics",
price: "Featured",
rating: 5,
reviewCount: "08",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-projector_23-2151069422.jpg",
},
{
id: "p4",
brand: "Vortex",
name: "Transition Pack",
price: "Featured",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-frame-textured-background_23-2149477325.jpg",
},
{
id: "p5",
brand: "Vortex",
name: "Showreel Snippet",
price: "Featured",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/platform-showcasing-products-with-dreamy-aesthetic-colors_23-2151780688.jpg",
},
{
id: "p6",
brand: "Vortex",
name: "Docu Cut",
price: "Featured",
rating: 5,
reviewCount: "05",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-movie-elements-white-background_23-2148457881.jpg",
},
{ id: "p1", brand: "Vortex", name: "Commercial One", price: "Featured", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection_23-2148469252.jpg" },
{ id: "p2", brand: "Vortex", name: "Action Cut", price: "Featured", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/space-station-researchers-analyzing-mars-planetary-data-using-mockup-tablet_482257-126227.jpg" },
{ id: "p3", brand: "Vortex", name: "Motion Graphics", price: "Featured", rating: 5, reviewCount: "08", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-projector_23-2151069422.jpg" },
{ id: "p4", brand: "Vortex", name: "Transition Pack", price: "Featured", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-frame-textured-background_23-2149477325.jpg" },
{ id: "p5", brand: "Vortex", name: "Showreel Snippet", price: "Featured", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/platform-showcasing-products-with-dreamy-aesthetic-colors_23-2151780688.jpg" },
{ id: "p6", brand: "Vortex", name: "Docu Cut", price: "Featured", rating: 5, reviewCount: "05", imageSrc: "http://img.b2bpic.net/free-photo/top-view-movie-elements-white-background_23-2148457881.jpg" }
]}
title="Our Work"
description="A glimpse into our recent showreel and motion graphic projects."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1000+",
title: "Projects Completed",
description: "Successful edits delivered.",
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728164.jpg",
},
{
id: "m2",
value: "50M+",
title: "Views Generated",
description: "For our partner brands.",
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906154.jpg",
},
{
id: "m3",
value: "99%",
title: "Client Satisfaction",
description: "Consistently high quality.",
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-working-media-post-production-from-agency-office_482257-126862.jpg",
},
]}
title="Impact by Numbers"
description="Evidence of the quality we bring to every frame."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex Rivers",
handle: "@alexrivers",
testimonial: "The 3D integration was game changing for our campaign.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg",
},
{
id: "2",
name: "Sarah Miller",
handle: "@sarahmlr",
testimonial: "Incredible turnarounds and high quality edits.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/scenes-famous-vlogger-recording-social-media-creative-young-man_482257-24887.jpg",
},
{
id: "3",
name: "James Bond",
handle: "@jbond",
testimonial: "The best team for action movie editing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
id: "4",
name: "Emily P.",
handle: "@emp",
testimonial: "Very professional and easy to communicate with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
},
{
id: "5",
name: "David Clark",
handle: "@dclark",
testimonial: "Our content engagement doubled after using them.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-with-poker-face-wearing-glasses-hoodie-with-green-light-effect_181624-32403.jpg",
},
]}
showRating={true}
title="Client Feedback"
description="What our partners say about us."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long is the process?",
content: "Typically 3-5 business days.",
},
{
id: "f2",
title: "Do you do 3D?",
content: "Yes, it is our specialty.",
},
{
id: "f3",
title: "What tools?",
content: "Premiere, After Effects, C4D.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg"
title="Common Questions"
description="Quick answers to help you get started."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="Start Your Project"
description="Ready to bring your footage to life?"
imageSrc="http://img.b2bpic.net/free-photo/vintage-yellow-telephone-arrangement_23-2148913990.jpg"
mediaAnimation="slide-up"
tag="Get in touch"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
items: [
{
label: "Portfolio",
href: "#portfolio",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
{ items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Vortex Edit"
/>
@@ -406,4 +133,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}