Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d173a49a78 | |||
| f506369fb7 | |||
| 182d95ccbe |
252
src/app/page.tsx
252
src/app/page.tsx
@@ -9,6 +9,7 @@ import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwe
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Sparkles, Zap, Camera, Star, Award } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
@@ -58,35 +59,17 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking-radio-station_23-2148802327.jpg?_wi=1",
|
||||
imageAlt: "Professional video production studio setup",
|
||||
},
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking-radio-station_23-2148802327.jpg?_wi=1", imageAlt: "Professional video production studio setup"},
|
||||
{
|
||||
id: "carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-recording-himself-personal-blog_23-2148581826.jpg",
|
||||
imageAlt: "Student testimonial video recording interview",
|
||||
},
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-recording-himself-personal-blog_23-2148581826.jpg", imageAlt: "Student testimonial video recording interview"},
|
||||
{
|
||||
id: "carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361573.jpg?_wi=1",
|
||||
imageAlt: "Educational media production classroom",
|
||||
},
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361573.jpg?_wi=1", imageAlt: "Educational media production classroom"},
|
||||
{
|
||||
id: "carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-specialized-photographers-working-studio_23-2150247227.jpg",
|
||||
imageAlt: "School event professional photography documentation",
|
||||
},
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-specialized-photographers-working-studio_23-2150247227.jpg", imageAlt: "School event professional photography documentation"},
|
||||
{
|
||||
id: "carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-works-with-greenscreen_482257-122061.jpg",
|
||||
imageAlt: "Professional multimedia production facility",
|
||||
},
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-works-with-greenscreen_482257-122061.jpg", imageAlt: "Professional multimedia production facility"},
|
||||
{
|
||||
id: "carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-home-working-late-night_23-2150064907.jpg",
|
||||
imageAlt: "Professional video editing suite workstation",
|
||||
},
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/person-home-working-late-night_23-2150064907.jpg", imageAlt: "Professional video editing suite workstation"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={5000}
|
||||
@@ -128,71 +111,29 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "video-production",
|
||||
title: "Professional Video Production",
|
||||
descriptions: [
|
||||
"High-quality event documentation and promotional videos",
|
||||
"Multi-camera setups and cinematic storytelling",
|
||||
"4K and broadcast-ready deliverables",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-news-with-professional-recording-side-view_23-2149900289.jpg?_wi=1",
|
||||
imageAlt: "Professional video camera 4k production",
|
||||
},
|
||||
id: "video-production", title: "Professional Video Production", descriptions: [
|
||||
"High-quality event documentation and promotional videos", "Multi-camera setups and cinematic storytelling", "4K and broadcast-ready deliverables"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-news-with-professional-recording-side-view_23-2149900289.jpg?_wi=1", imageAlt: "Professional video camera 4k production"},
|
||||
{
|
||||
id: "content-creation",
|
||||
title: "Content Creation & Strategy",
|
||||
descriptions: [
|
||||
"Social media content optimization",
|
||||
"Editorial calendar planning and execution",
|
||||
"Multi-platform content distribution",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-calendar-cyber-monday-concept_23-2148670023.jpg?_wi=1",
|
||||
imageAlt: "Digital marketing content strategy planning",
|
||||
},
|
||||
id: "content-creation", title: "Content Creation & Strategy", descriptions: [
|
||||
"Social media content optimization", "Editorial calendar planning and execution", "Multi-platform content distribution"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-calendar-cyber-monday-concept_23-2148670023.jpg?_wi=1", imageAlt: "Digital marketing content strategy planning"},
|
||||
{
|
||||
id: "live-streaming",
|
||||
title: "Live Streaming Solutions",
|
||||
descriptions: [
|
||||
"Real-time event broadcasting",
|
||||
"Multi-platform streaming capabilities",
|
||||
"Interactive audience engagement tools",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64841.jpg?_wi=1",
|
||||
imageAlt: "Live streaming broadcast control room operation",
|
||||
},
|
||||
id: "live-streaming", title: "Live Streaming Solutions", descriptions: [
|
||||
"Real-time event broadcasting", "Multi-platform streaming capabilities", "Interactive audience engagement tools"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64841.jpg?_wi=1", imageAlt: "Live streaming broadcast control room operation"},
|
||||
{
|
||||
id: "photography",
|
||||
title: "Event Photography",
|
||||
descriptions: [
|
||||
"Professional event documentation",
|
||||
"Candid and formal portrait sessions",
|
||||
"Rapid turnaround digital delivery",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-blurred-models_23-2148565543.jpg?_wi=1",
|
||||
imageAlt: "Professional event photographer working",
|
||||
},
|
||||
id: "photography", title: "Event Photography", descriptions: [
|
||||
"Professional event documentation", "Candid and formal portrait sessions", "Rapid turnaround digital delivery"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-blurred-models_23-2148565543.jpg?_wi=1", imageAlt: "Professional event photographer working"},
|
||||
{
|
||||
id: "post-production",
|
||||
title: "Post-Production & Editing",
|
||||
descriptions: [
|
||||
"Advanced color grading and effects",
|
||||
"Professional sound design and mixing",
|
||||
"Animation and motion graphics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg?_wi=1",
|
||||
imageAlt: "Video editor color grading software",
|
||||
},
|
||||
id: "post-production", title: "Post-Production & Editing", descriptions: [
|
||||
"Advanced color grading and effects", "Professional sound design and mixing", "Animation and motion graphics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lifestyle-blogger-girl-records-video-her-camera-social-media-shows_1258-281864.jpg?_wi=1", imageAlt: "Video editor color grading software"},
|
||||
{
|
||||
id: "training",
|
||||
title: "Media Training Programs",
|
||||
descriptions: [
|
||||
"Student and staff workshops",
|
||||
"Technical skills development",
|
||||
"Creative storytelling techniques",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-language-work_23-2149300729.jpg?_wi=1",
|
||||
imageAlt: "Media production workshop training session",
|
||||
},
|
||||
id: "training", title: "Media Training Programs", descriptions: [
|
||||
"Student and staff workshops", "Technical skills development", "Creative storytelling techniques"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-language-work_23-2149300729.jpg?_wi=1", imageAlt: "Media production workshop training session"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,47 +151,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
name: "Annual Gala 2024",
|
||||
price: "Premium Production",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-with-women-standing-working-cafe_1157-28487.jpg",
|
||||
imageAlt: "Annual school gala professional video",
|
||||
},
|
||||
id: "project-1", name: "Annual Gala 2024", price: "Premium Production", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-with-women-standing-working-cafe_1157-28487.jpg", imageAlt: "Annual school gala professional video"},
|
||||
{
|
||||
id: "project-2",
|
||||
name: "Student Spotlight Series",
|
||||
price: "Content Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-girl-recording-music-their-home-studio-with-guitar_23-2149666503.jpg",
|
||||
imageAlt: "Student testimonial video series",
|
||||
},
|
||||
id: "project-2", name: "Student Spotlight Series", price: "Content Series", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-girl-recording-music-their-home-studio-with-guitar_23-2149666503.jpg", imageAlt: "Student testimonial video series"},
|
||||
{
|
||||
id: "project-3",
|
||||
name: "Campus Tour Documentary",
|
||||
price: "Documentary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg",
|
||||
imageAlt: "Comprehensive campus tour video",
|
||||
},
|
||||
id: "project-3", name: "Campus Tour Documentary", price: "Documentary", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-corporate-buildings-west-london-uk_181624-17106.jpg", imageAlt: "Comprehensive campus tour video"},
|
||||
{
|
||||
id: "project-4",
|
||||
name: "Graduation Ceremony",
|
||||
price: "Live Streamed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/college-graduates-smiling-camera_23-2148232754.jpg",
|
||||
imageAlt: "Graduation ceremony live stream",
|
||||
},
|
||||
id: "project-4", name: "Graduation Ceremony", price: "Live Streamed", imageSrc: "http://img.b2bpic.net/free-photo/college-graduates-smiling-camera_23-2148232754.jpg", imageAlt: "Graduation ceremony live stream"},
|
||||
{
|
||||
id: "project-5",
|
||||
name: "Sports Highlights Reel",
|
||||
price: "Action Content",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg",
|
||||
imageAlt: "Athletic competition highlights",
|
||||
},
|
||||
id: "project-5", name: "Sports Highlights Reel", price: "Action Content", imageSrc: "http://img.b2bpic.net/free-photo/male-sportsperson-sitting-race-track-showing-mobile-phone-screen_23-2148162104.jpg", imageAlt: "Athletic competition highlights"},
|
||||
{
|
||||
id: "project-6",
|
||||
name: "Alumni Reunion Video",
|
||||
price: "Event Documentation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518145.jpg",
|
||||
imageAlt: "Alumni reunion event coverage",
|
||||
},
|
||||
id: "project-6", name: "Alumni Reunion Video", price: "Event Documentation", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518145.jpg", imageAlt: "Alumni reunion event coverage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -266,77 +177,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "Dr. Sarah Mitchell",
|
||||
title: "Headmaster",
|
||||
date: "March 2024",
|
||||
quote: "MediaVision Academy transformed how we tell our school's story. Their team delivered exceptional quality and professionalism throughout every project.",
|
||||
tag: "Excellence",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg",
|
||||
avatarAlt: "Dr. Sarah Mitchell headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-reading-document_23-2148141724.jpg?_wi=1",
|
||||
imageAlt: "School administration office professional environment",
|
||||
},
|
||||
id: "testimonial-1", name: "Dr. Sarah Mitchell", title: "Headmaster", date: "March 2024", quote: "MediaVision Academy transformed how we tell our school's story. Their team delivered exceptional quality and professionalism throughout every project.", tag: "Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg", avatarAlt: "Dr. Sarah Mitchell headshot", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-reading-document_23-2148141724.jpg?_wi=1", imageAlt: "School administration office professional environment"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "James Rodriguez",
|
||||
title: "Director of Communications",
|
||||
date: "February 2024",
|
||||
quote: "Working with their team was seamless. They understood our vision immediately and brought it to life with creativity and technical expertise beyond expectation.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-3110.jpg",
|
||||
avatarAlt: "James Rodriguez headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-business-woman-smiling-camera-sitting-couch-typing-computer-while-diverse-colleagues-working-background-multiethnic-coworkers-analysing-startup-financial-reports-modern-office_482257-13476.jpg?_wi=1",
|
||||
imageAlt: "Communications director marketing office",
|
||||
},
|
||||
id: "testimonial-2", name: "James Rodriguez", title: "Director of Communications", date: "February 2024", quote: "Working with their team was seamless. They understood our vision immediately and brought it to life with creativity and technical expertise beyond expectation.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-3110.jpg", avatarAlt: "James Rodriguez headshot", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-business-woman-smiling-camera-sitting-couch-typing-computer-while-diverse-colleagues-working-background-multiethnic-coworkers-analysing-startup-financial-reports-modern-office_482257-13476.jpg?_wi=1", imageAlt: "Communications director marketing office"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "Emily Chen",
|
||||
title: "Marketing Manager",
|
||||
date: "January 2024",
|
||||
quote: "The content they created increased our social media engagement by 250%. Their understanding of educational marketing is truly exceptional.",
|
||||
tag: "Innovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/asian-beauty-office-workplace_1098-17712.jpg",
|
||||
avatarAlt: "Emily Chen headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3794.jpg?_wi=1",
|
||||
imageAlt: "Social media marketing strategy planning",
|
||||
},
|
||||
id: "testimonial-3", name: "Emily Chen", title: "Marketing Manager", date: "January 2024", quote: "The content they created increased our social media engagement by 250%. Their understanding of educational marketing is truly exceptional.", tag: "Innovation", avatarSrc: "http://img.b2bpic.net/free-photo/asian-beauty-office-workplace_1098-17712.jpg", avatarAlt: "Emily Chen headshot", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-office_1301-3794.jpg?_wi=1", imageAlt: "Social media marketing strategy planning"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "Michael Thompson",
|
||||
title: "Dean of Student Life",
|
||||
date: "December 2023",
|
||||
quote: "The live streaming service during our virtual open house was flawless. Students and families felt genuinely connected despite the distance.",
|
||||
tag: "Reliability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-walking-near-business-center_171337-19782.jpg",
|
||||
avatarAlt: "Michael Thompson headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-books-lecture-hall_23-2147679197.jpg",
|
||||
imageAlt: "Student life event organization planning",
|
||||
},
|
||||
id: "testimonial-4", name: "Michael Thompson", title: "Dean of Student Life", date: "December 2023", quote: "The live streaming service during our virtual open house was flawless. Students and families felt genuinely connected despite the distance.", tag: "Reliability", avatarSrc: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-walking-near-business-center_171337-19782.jpg", avatarAlt: "Michael Thompson headshot", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-books-lecture-hall_23-2147679197.jpg", imageAlt: "Student life event organization planning"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "Patricia Gonzalez",
|
||||
title: "Principal",
|
||||
date: "November 2023",
|
||||
quote: "Their media training workshops have empowered our staff to create quality content in-house. A true investment in our institution's future.",
|
||||
tag: "Empowerment",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
|
||||
avatarAlt: "Patricia Gonzalez headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-desk_23-2148204490.jpg",
|
||||
imageAlt: "School principal office professional setting",
|
||||
},
|
||||
id: "testimonial-5", name: "Patricia Gonzalez", title: "Principal", date: "November 2023", quote: "Their media training workshops have empowered our staff to create quality content in-house. A true investment in our institution's future.", tag: "Empowerment", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", avatarAlt: "Patricia Gonzalez headshot", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-desk_23-2148204490.jpg", imageAlt: "School principal office professional setting"},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
name: "David Kim",
|
||||
title: "Admissions Director",
|
||||
date: "October 2023",
|
||||
quote: "The promotional videos they created dramatically improved our application rates. Their storytelling approach truly captures what makes our school special.",
|
||||
tag: "Impact",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-indian-businessman-standing-boardroom_231208-2564.jpg",
|
||||
avatarAlt: "David Kim headshot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-correcting-grammar-mistakes_23-2150171039.jpg",
|
||||
imageAlt: "Admissions office student meeting counseling",
|
||||
},
|
||||
id: "testimonial-6", name: "David Kim", title: "Admissions Director", date: "October 2023", quote: "The promotional videos they created dramatically improved our application rates. Their storytelling approach truly captures what makes our school special.", tag: "Impact", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-indian-businessman-standing-boardroom_231208-2564.jpg", avatarAlt: "David Kim headshot", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-correcting-grammar-mistakes_23-2150171039.jpg", imageAlt: "Admissions office student meeting counseling"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,25 +208,16 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
||||
<footer className="border-t border-gray-200 py-12">
|
||||
<div className="mx-auto max-w-7xl">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<div className="text-lg font-semibold text-foreground">
|
||||
MediaVision Academy
|
||||
</div>
|
||||
<div className="flex items-center gap-6">
|
||||
<Link href="#" className="text-sm text-accent hover:text-foreground transition-colors">
|
||||
Privacy Policy
|
||||
</Link>
|
||||
<Link href="/contact" className="text-sm text-accent hover:text-foreground transition-colors">
|
||||
Contact
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MediaVision Academy"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact", href: "/contact"}}
|
||||
ariaLabel="Site footer with navigation links"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user