From b75b8704fadbe6c2aef85ea0fe109ba3fc09f4be Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 21 Apr 2026 07:13:14 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 327 +++++++---------------------------------------- 1 file changed, 46 insertions(+), 281 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b68d07..d6d7a1b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,37 +20,26 @@ export default function LandingPage() { defaultButtonVariant="directional-hover" defaultTextAnimation="background-highlight" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -59,73 +48,15 @@ export default function LandingPage() { title="Mastering the Art of Cinematic Motion" description="I bring visual stories to life through sophisticated editing and precision-driven animation. Elevating your brand with a premium aesthetic." testimonials={[ - { - name: "Julian Thorne", - handle: "@jthorne", - testimonial: "Exceptional precision in every cut. Elevates the final quality significantly.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg?_wi=1", - }, - { - name: "Elena Vance", - handle: "@evance", - testimonial: "The motion graphics work is consistently industry-leading and creative.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", - }, - { - name: "Marcus Chen", - handle: "@mchen", - testimonial: "Delivers a level of sophistication our project truly needed.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg", - }, - { - name: "Sarah Reed", - handle: "@sreed", - testimonial: "Absolute perfection in the final render. Highly recommended for luxury brands.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg", - }, - { - name: "David Park", - handle: "@dpark", - testimonial: "The best editor I've worked with. Seamless workflow and amazing results.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", - }, + { name: "Julian Thorne", handle: "@jthorne", testimonial: "Exceptional precision in every cut. Elevates the final quality significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" }, + { name: "Elena Vance", handle: "@evance", testimonial: "The motion graphics work is consistently industry-leading and creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" }, + { name: "Marcus Chen", handle: "@mchen", testimonial: "Delivers a level of sophistication our project truly needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executive-with-glasses-suit_1098-529.jpg" }, + { name: "Sarah Reed", handle: "@sreed", testimonial: "Absolute perfection in the final render. Highly recommended for luxury brands.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg" }, + { name: "David Park", handle: "@dpark", testimonial: "The best editor I've worked with. Seamless workflow and amazing results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg" }, ]} - buttons={[ - { - text: "Explore Services", - href: "#about", - }, - ]} - imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg?_wi=1" + buttons={[{ text: "Explore Services", href: "#about" }]} + imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg" imageAlt="Professional cinematic workspace" - avatars={[ - { - src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", - alt: "Client 1", - }, - { - src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg", - alt: "Client 2", - }, - { - src: "http://img.b2bpic.net/free-photo/close-up-thoughtful-worker-with-glasses_1098-2868.jpg", - alt: "Client 3", - }, - { - src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", - alt: "Client 4", - }, - { - src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg", - alt: "Client 5", - }, - ]} - avatarText="Trusted by visionary brands" /> @@ -134,15 +65,8 @@ export default function LandingPage() { useInvertedBackground={true} title="Refined Post-Production Excellence" description={[ - "My process is grounded in the belief that every frame carries emotional weight. Through seamless cutting and intricate motion design, I create experiences rather than just visuals.", - "I specialize in high-end video editing, color grading, and bespoke motion graphics for discerning clients who demand perfection in every detail.", - ]} - buttons={[ - { - text: "Contact Me", - href: "#contact", - }, - ]} + "My process is grounded in the belief that every frame carries emotional weight. Through seamless cutting and intricate motion design, I create experiences rather than just visuals.", "I specialize in high-end video editing, color grading, and bespoke motion graphics for discerning clients who demand perfection in every detail."]} + buttons={[{ text: "Contact Me", href: "#contact" }]} /> @@ -152,57 +76,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} features={[ - { - title: "Advanced Editing", - description: "Story-driven, frame-perfect cuts for cinematic impact.", - icon: Scissors, - mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914288.jpg", - imageAlt: "Editing", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg", - imageAlt: "Editing 2", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-together_23-2149307797.jpg?_wi=2", - imageAlt: "motion graphics design ui", - }, - { - title: "Motion Graphics", - description: "Sophisticated animation that breathes life into static content.", - icon: Zap, - mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/neon-blade-guardian-dark-stairwell_23-2152031330.jpg", - imageAlt: "Motion", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg", - imageAlt: "Motion 2", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/guy-using-camera-display_140725-7905.jpg", - imageAlt: "motion graphics design ui", - }, - { - title: "Color Grading", - description: "Cinematic color science for authentic, striking visuals.", - icon: Palette, - mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-16618.jpg", - imageAlt: "Grading", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648342.jpg", - imageAlt: "Grading 2", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg?_wi=2", - imageAlt: "motion graphics design ui", - }, + { title: "Advanced Editing", description: "Story-driven, frame-perfect cuts for cinematic impact.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914288.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg" }] }, + { title: "Motion Graphics", description: "Sophisticated animation that breathes life into static content.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/neon-blade-guardian-dark-stairwell_23-2152031330.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mature-developer-coding-cloud-computing-with-ai-chatbot-pc_482257-119990.jpg" }] }, + { title: "Color Grading", description: "Cinematic color science for authentic, striking visuals.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-16618.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648342.jpg" }] }, ]} title="Specialized Creative Services" description="Providing a full suite of premium post-production solutions for your vision." @@ -211,25 +87,14 @@ export default function LandingPage() {
Rough cut -> Refinement -> Final Polish.", - }, - { - id: "f2", - title: "Do you do revisions?", - content: "Unlimited adjustments until project satisfaction.", - }, - { - id: "f3", - title: "Turnaround time?", - content: "Depends on scope, typically 3-5 business days.", - }, + { id: "f1", title: "What's the process?", content: "Initial consult -> Rough cut -> Refinement -> Final Polish." }, + { id: "f2", title: "Do you do revisions?", content: "Unlimited adjustments until project satisfaction." }, + { id: "f3", title: "Turnaround time?", content: "Depends on scope, typically 3-5 business days." }, ]} imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282049.jpg" mediaAnimation="slide-up" title="Frequently Asked" description="Clarity for prospective partners." - faqsAnimation="blur-reveal" />
@@ -362,45 +163,9 @@ export default function LandingPage() {