Merge version_1 into main #3
215
src/app/page.tsx
215
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"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user