Merge version_1 into main #2
139
src/app/page.tsx
139
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Camera, Zap, Film, Video, Users, Award, Quote, Sparkles } from "lucide-react";
|
||||
import { Camera, Zap, Film, Video, Users, Award, Quote, Sparkles, Shield } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
@@ -82,30 +82,21 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+441234567890" },
|
||||
{ text: "Request a Quote", href: "/contact" },
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg?_wi=1",
|
||||
imageAlt: "Sports livestreaming setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg", imageAlt: "Sports livestreaming setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg?_wi=1",
|
||||
imageAlt: "Documentary filmmaking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg", imageAlt: "Documentary filmmaking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg?_wi=1",
|
||||
imageAlt: "Social media content",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg", imageAlt: "Social media content"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg?_wi=1",
|
||||
imageAlt: "Professional photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg", imageAlt: "Professional photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg?_wi=1",
|
||||
imageAlt: "Professional videography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Professional videography"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,25 +109,13 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Sports Livestreaming",
|
||||
description: "Multi-camera professional livestream setups for sports events, races, and competitions. Crystal-clear broadcast quality with reliable technical support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-camera-recording-football-match_1137-258.jpg?_wi=1",
|
||||
imageAlt: "Sports livestreaming setup",
|
||||
},
|
||||
title: "Sports Livestreaming", description: "Multi-camera professional livestream setups for sports events, races, and competitions. Crystal-clear broadcast quality with reliable technical support.", imageSrc: "http://img.b2bpic.net/free-photo/video-camera-recording-football-match_1137-258.jpg", imageAlt: "Sports livestreaming setup"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Documentary Filmmaking",
|
||||
description: "Long-form cinematic documentaries capturing outdoor adventures and brand stories. Professional editing and colour grading included.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg?_wi=2",
|
||||
imageAlt: "Documentary production",
|
||||
},
|
||||
title: "Documentary Filmmaking", description: "Long-form cinematic documentaries capturing outdoor adventures and brand stories. Professional editing and colour grading included.", imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Documentary production"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Social Media Content",
|
||||
description: "Short-form, high-impact video content optimised for Instagram, TikTok, and YouTube. Fast turnaround and unlimited revisions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-explaining-painting-techniques-used-online-tutorial_482257-124811.jpg?_wi=1",
|
||||
imageAlt: "Social media content creation",
|
||||
},
|
||||
title: "Social Media Content", description: "Short-form, high-impact video content optimised for Instagram, TikTok, and YouTube. Fast turnaround and unlimited revisions.", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-explaining-painting-techniques-used-online-tutorial_482257-124811.jpg", imageAlt: "Social media content creation"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -152,33 +131,13 @@ export default function HomePage() {
|
||||
tagIcon={Film}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mountain Bike Championship Live",
|
||||
price: "Full Coverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg?_wi=2",
|
||||
imageAlt: "Mountain bike championship livestream",
|
||||
},
|
||||
id: "1", name: "Mountain Bike Championship Live", price: "Full Coverage", imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg", imageAlt: "Mountain bike championship livestream"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alpine Adventure Documentary",
|
||||
price: "Full Production",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg?_wi=2",
|
||||
imageAlt: "Alpine adventure documentary",
|
||||
},
|
||||
id: "2", name: "Alpine Adventure Documentary", price: "Full Production", imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg", imageAlt: "Alpine adventure documentary"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Promotion Series",
|
||||
price: "Social Content",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg?_wi=2",
|
||||
imageAlt: "Brand promotion video series",
|
||||
},
|
||||
id: "3", name: "Brand Promotion Series", price: "Social Content", imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg", imageAlt: "Brand promotion video series"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Event Photography Package",
|
||||
price: "Full Event",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg?_wi=2",
|
||||
imageAlt: "Professional event photography",
|
||||
},
|
||||
id: "4", name: "Event Photography Package", price: "Full Event", imageSrc: "http://img.b2bpic.net/free-photo/portrait-photographer-photo-art-concept_23-2148565566.jpg", imageAlt: "Professional event photography"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -195,29 +154,17 @@ export default function HomePage() {
|
||||
tagIcon={Award}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Video,
|
||||
title: "Professional Equipment",
|
||||
value: "4K Ready",
|
||||
},
|
||||
id: "1", icon: Video,
|
||||
title: "Professional Equipment", value: "4K Ready"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Users,
|
||||
title: "Experience",
|
||||
value: "100+ Events",
|
||||
},
|
||||
id: "2", icon: Users,
|
||||
title: "Experience", value: "100+ Events"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Zap,
|
||||
title: "Fast Delivery",
|
||||
value: "48hr Turnaround",
|
||||
},
|
||||
id: "3", icon: Zap,
|
||||
title: "Fast Delivery", value: "48hr Turnaround"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Award,
|
||||
title: "Reliability",
|
||||
value: "99.9% Uptime",
|
||||
},
|
||||
id: "4", icon: Shield,
|
||||
title: "Reliability", value: "99.9% Uptime"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
@@ -233,45 +180,13 @@ export default function HomePage() {
|
||||
tagIcon={Quote}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Richardson, Event Director",
|
||||
date: "Date: 15 January 2025",
|
||||
title: "Exceptional professionalism and reliability",
|
||||
quote: "CSBIMAGERY handled our mountain bike championship livestream flawlessly. The multi-camera setup was seamless, and their technical support was outstanding. We'll definitely work with them again.",
|
||||
tag: "Sports Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "James Richardson, Event Director", date: "Date: 15 January 2025", title: "Exceptional professionalism and reliability", quote: "CSBIMAGERY handled our mountain bike championship livestream flawlessly. The multi-camera setup was seamless, and their technical support was outstanding. We'll definitely work with them again.", tag: "Sports Event", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-bicycles-forest_53876-40323.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Mitchell, Marketing Manager",
|
||||
date: "Date: 10 January 2025",
|
||||
title: "Transformed our social media presence",
|
||||
quote: "The social media content they created for us generated triple the engagement we were expecting. Fast turnarounds, creative ideas, and professional execution. Highly recommended.",
|
||||
tag: "Brand Content",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Sarah Mitchell, Marketing Manager", date: "Date: 10 January 2025", title: "Transformed our social media presence", quote: "The social media content they created for us generated triple the engagement we were expecting. Fast turnarounds, creative ideas, and professional execution. Highly recommended.", tag: "Brand Content", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheery-young-man-filming-his-video-blog-episode_171337-5517.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Chen, Documentary Producer",
|
||||
date: "Date: 5 January 2025",
|
||||
title: "Cinematic quality storytelling",
|
||||
quote: "Their documentary work captured the essence of our outdoor adventure perfectly. The colour grading and editing were cinema-quality. They made our vision come to life.",
|
||||
tag: "Documentary",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Michael Chen, Documentary Producer", date: "Date: 5 January 2025", title: "Cinematic quality storytelling", quote: "Their documentary work captured the essence of our outdoor adventure perfectly. The colour grading and editing were cinema-quality. They made our vision come to life.", tag: "Documentary", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-her-friends-group-young-friends-hiking-through-forest-travel-hiking-adventure-concept_613910-18677.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Davies, Tourism Director",
|
||||
date: "Date: 20 December 2024",
|
||||
title: "Professional and reliable partner",
|
||||
quote: "We've worked with CSBIMAGERY on multiple projects. They consistently deliver high-quality work on time and within budget. They're an invaluable part of our marketing strategy.",
|
||||
tag: "Tourism Campaign",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-room-desk-with-motorized-faders-multiple-knobs_482257-83509.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Emma Davies, Tourism Director", date: "Date: 20 December 2024", title: "Professional and reliable partner", quote: "We've worked with CSBIMAGERY on multiple projects. They consistently deliver high-quality work on time and within budget. They're an invaluable part of our marketing strategy.", tag: "Tourism Campaign", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/control-room-desk-with-motorized-faders-multiple-knobs_482257-83509.jpg"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user