From 6259f97dafe7cba37d82cc26df414bb52d6100f8 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 20:04:59 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 215 +++++++++-------------------------------------- 1 file changed, 41 insertions(+), 174 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6aa732e..8f334f0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,8 +22,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "YouTube Editing", href: "/services" }, { label: "Social Media", href: "/services" }, { label: "Motion Graphics", href: "/services" }, @@ -31,8 +30,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }, @@ -40,8 +38,7 @@ export default function HomePage() { ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "WhatsApp", href: "https://wa.me/8801339608124" }, { label: "Instagram", href: "https://instagram.com/suhagvisuals" }, { label: "LinkedIn", href: "https://linkedin.com/in/suhag-ahmed" }, @@ -49,8 +46,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, ], @@ -64,7 +60,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -75,9 +71,7 @@ export default function HomePage() { brandName="Suhag Visuals" navItems={navItems} button={{ - text: "Get Quote", - href: "/contact", - }} + text: "Get Quote", href: "/contact"}} /> @@ -86,18 +80,13 @@ export default function HomePage() { logoText="Suhag Visuals" description="Helping businesses grow through high-quality video content 📈💸" buttons={[ - { - text: "DM for Quote", - href: "https://www.instagram.com/suhagvisuals", - }, - { - text: "Contact via WhatsApp", - href: "https://wa.me/8801339608124", - }, + { text: "DM for Quote", href: "https://www.instagram.com/suhagvisuals" }, + { text: "Contact via WhatsApp", href: "https://wa.me/8801339608124" }, ]} - background={{ variant: "aurora" }} + background={{ variant: "sparkles-gradient" }} imageSrc="http://img.b2bpic.net/free-photo/mockup-pcs-data-center-control-hardware-energy-usage-using-node-tree-tech_482257-126946.jpg" - imageAlt="Professional video editing workspace" + imageAlt="professional video editing workspace setup" + videoSrc="http://img.b2bpic.net/free-photo/back-view-content-creator-working-home-office-night-time-video-editor-home-office_482257-32809.jpg" mediaAnimation="slide-up" frameStyle="browser" buttonAnimation="slide-up" @@ -110,17 +99,11 @@ export default function HomePage() { description="At Suhag Visuals, I transform your raw footage into professional, engaging content that boosts your online presence. Whether it's YouTube, Instagram, TikTok, or corporate videos, I've got you covered." tag="About Our Service" buttons={[ - { - text: "Explore Services", - href: "/services", - }, - { - text: "View Portfolio", - href: "/portfolio", - }, + { text: "Explore Services", href: "/services" }, + { text: "View Portfolio", href: "/portfolio" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/gamer-streaming-online-videogames-professional-powerful-computer-with-green-screen-mock-up-chroma-key-display-streamer-playing-space-shooter-game-isolated-desktop-holding-wireles-controller_482257-12629.jpg?_wi=1" - imageAlt="Video editing workspace setup" + imageSrc="http://img.b2bpic.net/free-photo/gamer-streaming-online-videogames-professional-powerful-computer-with-green-screen-mock-up-chroma-key-display-streamer-playing-space-shooter-game-isolated-desktop-holding-wireles-controller_482257-12629.jpg" + imageAlt="professional video editing workspace setup" useInvertedBackground={false} /> @@ -133,50 +116,21 @@ export default function HomePage() { features={[ { id: 1, - title: "YouTube Video Editing", - description: - "Full-length edits, custom thumbnails, captions, and optimization for maximum engagement", - imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg?_wi=1", - imageAlt: "YouTube video editing workflow", - }, + title: "YouTube Video Editing", description: "Full-length edits, custom thumbnails, captions, and optimization for maximum engagement", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-polishing-raw-footage-chroma-key-pc-closeup_482257-122541.jpg", imageAlt: "youtube video editing workflow"}, { id: 2, - title: "Social Media Shorts", - description: - "Fast, eye-catching edits for Reels, TikTok, and YouTube Shorts to grow your audience", - imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148370478.jpg?_wi=1", - imageAlt: "Short form video content reels editing", - }, + title: "Social Media Shorts", description: "Fast, eye-catching edits for Reels, TikTok, and YouTube Shorts to grow your audience", imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148370478.jpg", imageAlt: "short form video content reels editing"}, { id: 3, - title: "Motion Graphics & Animations", - description: - "Logo intros, smooth transitions, and visual effects to elevate your content", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-colorful-fluorescent-make-up_23-2148410102.jpg?_wi=1", - imageAlt: "Motion graphics animation transitions", - }, + title: "Motion Graphics & Animations", description: "Logo intros, smooth transitions, and visual effects to elevate your content", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-colorful-fluorescent-make-up_23-2148410102.jpg", imageAlt: "motion graphics animation transitions"}, { id: 4, - title: "Podcast & Audio Editing", - description: "Clean, professional sound editing for any audio platform", - imageSrc: "http://img.b2bpic.net/free-vector/music-player-application-interface-collection_23-2148528543.jpg?_wi=1", - imageAlt: "Podcast audio editing software interface", - }, + title: "Podcast & Audio Editing", description: "Clean, professional sound editing for any audio platform", imageSrc: "http://img.b2bpic.net/free-vector/music-player-application-interface-collection_23-2148528543.jpg", imageAlt: "podcast audio editing software interface"}, { id: 5, - title: "Color Grading & Correction", - description: - "Enhance visuals with professional color grading for a polished, cinematic look", - imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background_53876-89464.jpg?_wi=1", - imageAlt: "Color grading cinematic editing professional", - }, - ]} - buttons={[ - { - text: "Request a Quote", - href: "/contact", - }, + title: "Color Grading & Correction", description: "Enhance visuals with professional color grading for a polished, cinematic look", imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background_53876-89464.jpg", imageAlt: "color grading cinematic editing professional"}, ]} + buttons={[{ text: "Request a Quote", href: "/contact" }]} textboxLayout="default" useInvertedBackground={true} /> @@ -189,53 +143,17 @@ export default function HomePage() { tag="Portfolio" blogs={[ { - id: "1", - category: ["YouTube", "Full Edit"], - title: "Professional YouTube Channel Compilation", - excerpt: - "Complete video editing and optimization for growing YouTube channels with engaging storytelling", - imageSrc: "http://img.b2bpic.net/free-photo/man-with-clapperboard_1187-3211.jpg?_wi=1", - imageAlt: "YouTube video editing project showcase", - authorName: "Suhag Visuals", - authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", - date: "Recent", - }, + id: "1", category: ["YouTube", "Full Edit"], + title: "Professional YouTube Channel Compilation", excerpt: "Complete video editing and optimization for growing YouTube channels with engaging storytelling", imageSrc: "http://img.b2bpic.net/free-photo/man-with-clapperboard_1187-3211.jpg", imageAlt: "youtube video editing project showcase", authorName: "Suhag Visuals", authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", date: "Recent"}, { - id: "2", - category: ["Instagram", "Reels"], - title: "Instagram Reels & TikTok Content", - excerpt: - "Eye-catching short-form videos optimized for maximum engagement on social platforms", - imageSrc: "http://img.b2bpic.net/free-photo/woman-having-photography-passion_23-2148424439.jpg?_wi=1", - imageAlt: "Instagram reels viral video content", - authorName: "Suhag Visuals", - authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", - date: "Recent", - }, + id: "2", category: ["Instagram", "Reels"], + title: "Instagram Reels & TikTok Content", excerpt: "Eye-catching short-form videos optimized for maximum engagement on social platforms", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-photography-passion_23-2148424439.jpg", imageAlt: "instagram reels viral video content", authorName: "Suhag Visuals", authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", date: "Recent"}, { - id: "3", - category: ["Motion", "Graphics"], - title: "Motion Graphics & Animation Package", - excerpt: - "Professional logo intros, transitions, and visual effects for brand elevation", - imageSrc: "http://img.b2bpic.net/free-vector/people-going-back-work_52683-48224.jpg?_wi=1", - imageAlt: "Motion graphics professional animation", - authorName: "Suhag Visuals", - authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", - date: "Recent", - }, + id: "3", category: ["Motion", "Graphics"], + title: "Motion Graphics & Animation Package", excerpt: "Professional logo intros, transitions, and visual effects for brand elevation", imageSrc: "http://img.b2bpic.net/free-vector/people-going-back-work_52683-48224.jpg", imageAlt: "motion graphics professional animation", authorName: "Suhag Visuals", authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", date: "Recent"}, { - id: "4", - category: ["Corporate", "Promo"], - title: "Corporate Video & Brand Promotion", - excerpt: - "Professional corporate videos with color grading and cinematic effects", - imageSrc: "http://img.b2bpic.net/free-photo/business-team-having-video-conference-with-their-colleague-meting-office_637285-6972.jpg?_wi=1", - imageAlt: "Corporate video production professional", - authorName: "Suhag Visuals", - authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", - date: "Recent", - }, + id: "4", category: ["Corporate", "Promo"], + title: "Corporate Video & Brand Promotion", excerpt: "Professional corporate videos with color grading and cinematic effects", imageSrc: "http://img.b2bpic.net/free-photo/business-team-having-video-conference-with-their-colleague-meting-office_637285-6972.jpg", imageAlt: "corporate video production professional", authorName: "Suhag Visuals", authorAvatar: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg", date: "Recent"}, ]} animationType="slide-up" textboxLayout="default" @@ -251,59 +169,17 @@ export default function HomePage() { tag="Testimonials" testimonials={[ { - id: "1", - name: "Rahul Kumar", - handle: "@rahulcreates", - testimonial: - "Suhag transformed my raw footage into incredible content. My YouTube channel grew 40% in two months!", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg?_wi=1", - imageAlt: "Young professional indian male portrait", - }, + id: "1", name: "Rahul Kumar", handle: "@rahulcreates", testimonial: "Suhag transformed my raw footage into incredible content. My YouTube channel grew 40% in two months!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", imageAlt: "young professional indian male portrait"}, { - id: "2", - name: "Fatima Ahmed", - handle: "@fatima.business", - testimonial: - "Professional, quick turnaround, and attention to detail. My Instagram Reels have never looked better!", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg?_wi=1", - imageAlt: "Professional female business headshot", - }, + id: "2", name: "Fatima Ahmed", handle: "@fatima.business", testimonial: "Professional, quick turnaround, and attention to detail. My Instagram Reels have never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg", imageAlt: "professional female business headshot"}, { - id: "3", - name: "Arjun Singh", - handle: "@arjuntech", - testimonial: - "The motion graphics work was exactly what we needed for our brand. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg?_wi=1", - imageAlt: "Young male tech professional portrait", - }, + id: "3", name: "Arjun Singh", handle: "@arjuntech", testimonial: "The motion graphics work was exactly what we needed for our brand. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", imageAlt: "young male tech professional portrait"}, { - id: "4", - name: "Priya Patel", - handle: "@priyapodcast", - testimonial: - "Crystal clear audio editing and perfect color grading. Worth every penny!", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-vlogger-sitting-front-camera-reading-from-laptop-screen_482257-116357.jpg?_wi=1", - imageAlt: "Female podcast host professional portrait", - }, + id: "4", name: "Priya Patel", handle: "@priyapodcast", testimonial: "Crystal clear audio editing and perfect color grading. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-vlogger-sitting-front-camera-reading-from-laptop-screen_482257-116357.jpg", imageAlt: "female podcast host professional portrait"}, { - id: "5", - name: "Hassan Malik", - handle: "@hassancreator", - testimonial: - "Fast, affordable, and incredibly talented. Suhag is my go-to editor now.", - imageSrc: "http://img.b2bpic.net/free-photo/proud-businessman-with-his-company_1098-2864.jpg?_wi=1", - imageAlt: "Male creator professional headshot", - }, + id: "5", name: "Hassan Malik", handle: "@hassancreator", testimonial: "Fast, affordable, and incredibly talented. Suhag is my go-to editor now.", imageSrc: "http://img.b2bpic.net/free-photo/proud-businessman-with-his-company_1098-2864.jpg", imageAlt: "male creator professional headshot"}, { - id: "6", - name: "Neha Sharma", - handle: "@nehachannel", - testimonial: - "Responsive communication and high-quality edits every single time. Fantastic work!", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148815606.jpg?_wi=1", - imageAlt: "Young female professional headshot", - }, + id: "6", name: "Neha Sharma", handle: "@nehachannel", testimonial: "Responsive communication and high-quality edits every single time. Fantastic work!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148815606.jpg", imageAlt: "young female professional headshot"}, ]} animationType="slide-up" textboxLayout="default" @@ -317,28 +193,19 @@ export default function HomePage() { description="Send us your project details and we'll get back to you within 24 hours with a customized quote and timeline." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, ]} textarea={{ - name: "message", - placeholder: - "Describe your project (platform, duration, style, deadline...)", - rows: 6, + name: "message", placeholder: "Describe your project (platform, duration, style, deadline...)", rows: 6, required: true, }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/young-team-working-together-use-laptop_1157-27436.jpg?_wi=1" - imageAlt="Professional video editing workspace" + imageSrc="http://img.b2bpic.net/free-photo/young-team-working-together-use-laptop_1157-27436.jpg" + imageAlt="creative workspace meeting table" mediaAnimation="slide-up" mediaPosition="right" buttonText="Send Message" @@ -354,4 +221,4 @@ export default function HomePage() { ); -} \ No newline at end of file +} -- 2.49.1 From 927b0eadaf3063c5058fd2714f7604bfb603e927 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 20:04:59 +0000 Subject: [PATCH 2/2] Update src/app/services/page.tsx --- src/app/services/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 6b58923..624f51c 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -57,7 +57,7 @@ export default function ServicesPage() { borderRadius="rounded" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -169,4 +169,4 @@ export default function ServicesPage() { ); -} \ No newline at end of file +} -- 2.49.1