diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6aafd79..aab9f12 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,37 +7,23 @@ import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; const halant = Halant({ - variable: "--font-halant", - subsets: ["latin"], + variable: "--font-halant", subsets: ["latin"], weight: ["300", "400", "500", "600", "700"], }); const inter = Inter({ - variable: "--font-inter", - subsets: ["latin"], + variable: "--font-inter", subsets: ["latin"], }); const nunito = Nunito({ - variable: "--font-nunito", - subsets: ["latin"], + variable: "--font-nunito", subsets: ["latin"], }); export const metadata: Metadata = { - title: "MediaHub - Share Creative Photos & Videos", - description: "Upload, organize, and share stunning photos and videos like Pinterest. Connect with creators worldwide in our vibrant community platform.", - keywords: "photo sharing, video platform, creative community, portfolio, content creators, media gallery", - openGraph: { - title: "MediaHub - Share Your Creative Vision", - description: "Join thousands of creators sharing beautiful photos and videos. Upload, organize, and connect with the community.", - url: "https://mediahub.com", - siteName: "MediaHub", - type: "website", - }, + title: "MediaHub - Share Creative Photos & Videos", description: "Upload, organize, and share stunning photos and videos like Pinterest. Connect with creators worldwide in our vibrant community platform.", keywords: "photo sharing, video platform, creative community, portfolio, content creators, media gallery", openGraph: { + title: "MediaHub - Share Your Creative Vision", description: "Join thousands of creators sharing beautiful photos and videos. Upload, organize, and connect with the community.", url: "https://mediahub.com", siteName: "MediaHub", type: "website"}, twitter: { - card: "summary_large_image", - title: "MediaHub - Creative Media Sharing", - description: "Share your photos and videos with a vibrant creative community.", - }, + card: "summary_large_image", title: "MediaHub - Creative Media Sharing", description: "Share your photos and videos with a vibrant creative community."}, }; export default function RootLayout({ @@ -1424,4 +1410,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index b5db6b1..fd74180 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,7 +51,7 @@ export default function HomePage() { tag="Creative Community" tagIcon={Sparkles} buttons={[ - { text: "Start Uploading", href: "/upload" }, + { text: "Upload Free Now", href: "/upload" }, { text: "Explore Gallery", href: "/gallery" }, ]} imageSrc="http://img.b2bpic.net/free-vector/template-dashboard-user-panel_23-2148371519.jpg?_wi=1" @@ -67,13 +67,8 @@ export default function HomePage() { tagIcon={Zap} features={[ { - id: "1", - title: "Easy Upload System", - description: "Upload multiple photos and videos at once with our intuitive drag-and-drop interface. Organize content into collections instantly.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241774.jpg?_wi=1", - imageAlt: "drag drop upload interface modern", - }, + id: "1", title: "Easy Upload System", description: "Upload multiple photos and videos at once with our intuitive drag-and-drop interface. Organize content into collections instantly.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241774.jpg?_wi=1", imageAlt: "drag drop upload interface modern"}, items: [ { icon: Upload, text: "Drag & drop upload" }, { icon: Images, text: "Batch processing" }, @@ -82,13 +77,8 @@ export default function HomePage() { reverse: false, }, { - id: "2", - title: "Beautiful Gallery Display", - description: "Showcase your work in stunning layouts that adapt to any device. Your portfolio looks amazing everywhere.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/three-frames-shelf_23-2147755106.jpg?_wi=1", - imageAlt: "photo gallery grid layout responsive", - }, + id: "2", title: "Beautiful Gallery Display", description: "Showcase your work in stunning layouts that adapt to any device. Your portfolio looks amazing everywhere.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/three-frames-shelf_23-2147755106.jpg?_wi=1", imageAlt: "photo gallery grid layout responsive"}, items: [ { icon: Grid, text: "Dynamic layouts" }, { icon: Smartphone, text: "Mobile responsive" }, @@ -97,13 +87,8 @@ export default function HomePage() { reverse: true, }, { - id: "3", - title: "Community Engagement", - description: "Connect with other creators, get feedback, and discover inspiring content. Build meaningful relationships in our vibrant community.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/company-partners-working-office_23-2148352762.jpg?_wi=1", - imageAlt: "community engagement social interaction platform", - }, + id: "3", title: "Community Engagement", description: "Connect with other creators, get feedback, and discover inspiring content. Build meaningful relationships in our vibrant community.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/company-partners-working-office_23-2148352762.jpg?_wi=1", imageAlt: "community engagement social interaction platform"}, items: [ { icon: Users, text: "Creator network" }, { icon: MessageCircle, text: "Comments & feedback" }, @@ -126,65 +111,23 @@ export default function HomePage() { tagIcon={ImageIcon} products={[ { - id: "1", - brand: "Sarah Chen", - name: "Sunset Mountain Photography", - price: "4.9★", - rating: 5, - reviewCount: "2.3k", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-setting-sun-forest-mountain-landscape_181624-23715.jpg?_wi=1", - imageAlt: "sunset mountain landscape photography", - }, + id: "1", brand: "Sarah Chen", name: "Sunset Mountain Photography", price: "4.9★", rating: 5, + reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-setting-sun-forest-mountain-landscape_181624-23715.jpg?_wi=1", imageAlt: "sunset mountain landscape photography"}, { - id: "2", - brand: "Alex Rodriguez", - name: "Urban Street Art", - price: "4.8★", - rating: 5, - reviewCount: "1.9k", - imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2575.jpg?_wi=1", - imageAlt: "urban street art photography city", - }, + id: "2", brand: "Alex Rodriguez", name: "Urban Street Art", price: "4.8★", rating: 5, + reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2575.jpg?_wi=1", imageAlt: "urban street art photography city"}, { - id: "3", - brand: "Maya Patel", - name: "Nature's Beautiful Details", - price: "4.9★", - rating: 5, - reviewCount: "3.1k", - imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-anthurium-flower_23-2147836286.jpg?_wi=1", - imageAlt: "macro photography nature details close-up", - }, + id: "3", brand: "Maya Patel", name: "Nature's Beautiful Details", price: "4.9★", rating: 5, + reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-anthurium-flower_23-2147836286.jpg?_wi=1", imageAlt: "macro photography nature details close-up"}, { - id: "4", - brand: "James Wilson", - name: "Travel Vlog Collection", - price: "4.7★", - rating: 5, - reviewCount: "2.7k", - imageSrc: "http://img.b2bpic.net/free-photo/camera-man-filming-couple-inside-transparent-bubble-tent-glamping-professional-camera_1268-24534.jpg?_wi=1", - imageAlt: "travel vlog video production cinematography", - }, + id: "4", brand: "James Wilson", name: "Travel Vlog Collection", price: "4.7★", rating: 5, + reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/camera-man-filming-couple-inside-transparent-bubble-tent-glamping-professional-camera_1268-24534.jpg?_wi=1", imageAlt: "travel vlog video production cinematography"}, { - id: "5", - brand: "Emma Thompson", - name: "Creative Animations", - price: "4.8★", - rating: 5, - reviewCount: "1.5k", - imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg?_wi=1", - imageAlt: "animation creative video motion graphics", - }, + id: "5", brand: "Emma Thompson", name: "Creative Animations", price: "4.8★", rating: 5, + reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-agency-studio_482257-119068.jpg?_wi=1", imageAlt: "animation creative video motion graphics"}, { - id: "6", - brand: "Lucas Kim", - name: "Design & Art Showcase", - price: "4.9★", - rating: 5, - reviewCount: "2.2k", - imageSrc: "http://img.b2bpic.net/free-vector/design-process-landing-page-concept_52683-25329.jpg?_wi=1", - imageAlt: "graphic design art illustration showcase", - }, + id: "6", brand: "Lucas Kim", name: "Design & Art Showcase", price: "4.9★", rating: 5, + reviewCount: "2.2k", imageSrc: "http://img.b2bpic.net/free-vector/design-process-landing-page-concept_52683-25329.jpg?_wi=1", imageAlt: "graphic design art illustration showcase"}, ]} gridVariant="bento-grid" animationType="slide-up" @@ -198,10 +141,7 @@ export default function HomePage() { heading={[ { type: "text", content: "Upload, Share & Connect" }, { - type: "image", - src: "http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg", - alt: "MediaHub logo", - }, + type: "image", src: "http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg", alt: "MediaHub logo"}, { type: "text", content: "with Creative Minds Worldwide" }, ]} buttons={[ @@ -219,77 +159,17 @@ export default function HomePage() { tag="Testimonials" testimonials={[ { - id: "1", - name: "Sarah Chen, Photographer", - date: "Date: 15 January 2025", - title: "This platform changed how I share my work!", - quote: "MediaHub has been incredible for my photography career. The community is supportive, the tools are intuitive, and I've gained thousands of followers in just three months. Highly recommended!", - tag: "Professional", - avatarSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg", - avatarAlt: "female photographer portrait professional", - imageSrc: "http://img.b2bpic.net/free-psd/fashion-magazine-template-design_23-2150583108.jpg?_wi=1", - imageAlt: "photographer working studio portfolio showcase", - }, + id: "1", name: "Sarah Chen, Photographer", date: "Date: 15 January 2025", title: "This platform changed how I share my work!", quote: "MediaHub has been incredible for my photography career. The community is supportive, the tools are intuitive, and I've gained thousands of followers in just three months. Highly recommended!", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg", avatarAlt: "female photographer portrait professional", imageSrc: "http://img.b2bpic.net/free-psd/fashion-magazine-template-design_23-2150583108.jpg?_wi=1", imageAlt: "photographer working studio portfolio showcase"}, { - id: "2", - name: "Alex Rodriguez, Videographer", - date: "Date: 10 January 2025", - title: "Perfect for showcasing video content", - quote: "The video upload system is seamless and fast. My videos look stunning on the platform, and the engagement from the community is amazing. It's like having a personal studio.", - tag: "Creator", - avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", - avatarAlt: "male videographer portrait professional", - imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-recording-cooking-show-content-with-chefs-restaurant-kitchen-filming-people-making-food-recipe-dish-with-fresh-ingredients-gastronomy-cuisine-online-class_482257-46088.jpg?_wi=1", - imageAlt: "videographer filming equipment camera setup", - }, + id: "2", name: "Alex Rodriguez, Videographer", date: "Date: 10 January 2025", title: "Perfect for showcasing video content", quote: "The video upload system is seamless and fast. My videos look stunning on the platform, and the engagement from the community is amazing. It's like having a personal studio.", tag: "Creator", avatarSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", avatarAlt: "male videographer portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-recording-cooking-show-content-with-chefs-restaurant-kitchen-filming-people-making-food-recipe-dish-with-fresh-ingredients-gastronomy-cuisine-online-class_482257-46088.jpg?_wi=1", imageAlt: "videographer filming equipment camera setup"}, { - id: "3", - name: "Maya Patel, Designer", - date: "Date: 5 January 2025", - title: "Best discovery platform for designers", - quote: "I found my best clients through MediaHub. The ability to organize work into collections and get direct feedback is invaluable. The platform truly celebrates creative work.", - tag: "Designer", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-black-strict-jacket-posing-with-displeased-expression-light-pink-wall_140725-58762.jpg", - avatarAlt: "female designer creative professional avatar", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-palette_23-2150170337.jpg", - imageAlt: "graphic designer at computer workspace", - }, + id: "3", name: "Maya Patel, Designer", date: "Date: 5 January 2025", title: "Best discovery platform for designers", quote: "I found my best clients through MediaHub. The ability to organize work into collections and get direct feedback is invaluable. The platform truly celebrates creative work.", tag: "Designer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-black-strict-jacket-posing-with-displeased-expression-light-pink-wall_140725-58762.jpg", avatarAlt: "female designer creative professional avatar", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-palette_23-2150170337.jpg", imageAlt: "graphic designer at computer workspace"}, { - id: "4", - name: "James Wilson, Content Creator", - date: "Date: 22 December 2024", - title: "Community support is unmatched", - quote: "The collaborative spirit here is refreshing. I've connected with amazing creators, received constructive feedback, and grown my audience exponentially. This is the platform for serious creators.", - tag: "Influencer", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-beard-man_23-2148328561.jpg", - avatarAlt: "male content creator influencer avatar", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-filming-headphones-review-with-smartphone-social-media-influencer-streaming-vlog-about-headset-recommendation-with-mobile-phone-microphone-home-recording-studio_482257-37431.jpg", - imageAlt: "content creator streaming setup studio", - }, + id: "4", name: "James Wilson, Content Creator", date: "Date: 22 December 2024", title: "Community support is unmatched", quote: "The collaborative spirit here is refreshing. I've connected with amazing creators, received constructive feedback, and grown my audience exponentially. This is the platform for serious creators.", tag: "Influencer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-beard-man_23-2148328561.jpg", avatarAlt: "male content creator influencer avatar", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-filming-headphones-review-with-smartphone-social-media-influencer-streaming-vlog-about-headset-recommendation-with-mobile-phone-microphone-home-recording-studio_482257-37431.jpg", imageAlt: "content creator streaming setup studio"}, { - id: "5", - name: "Emma Thompson, Artist", - date: "Date: 18 December 2024", - title: "Simple, beautiful, and effective", - quote: "No complicated features - just a clean platform for sharing art. My portfolio looks professional, and potential clients can easily view my work. Love it!", - tag: "Artist", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-artist_23-2147781629.jpg", - avatarAlt: "female artist painter portrait avatar", - imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537673.jpg", - imageAlt: "artist painting studio artwork creation", - }, + id: "5", name: "Emma Thompson, Artist", date: "Date: 18 December 2024", title: "Simple, beautiful, and effective", quote: "No complicated features - just a clean platform for sharing art. My portfolio looks professional, and potential clients can easily view my work. Love it!", tag: "Artist", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-artist_23-2147781629.jpg", avatarAlt: "female artist painter portrait avatar", imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537673.jpg", imageAlt: "artist painting studio artwork creation"}, { - id: "6", - name: "Lucas Kim, Animator", - date: "Date: 12 December 2024", - title: "Great for animation projects", - quote: "Animations render beautifully here. The platform's algorithm surfaces quality content, which helps my work reach the right audience. Excellent experience overall!", - tag: "Animator", - avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", - avatarAlt: "male animator motion graphics professional", - imageSrc: "http://img.b2bpic.net/free-photo/woman-interacting-with-intelligent-ai-chatbot-pc-mockup-display_482257-119869.jpg", - imageAlt: "animator motion graphics computer setup", - }, + id: "6", name: "Lucas Kim, Animator", date: "Date: 12 December 2024", title: "Great for animation projects", quote: "Animations render beautifully here. The platform's algorithm surfaces quality content, which helps my work reach the right audience. Excellent experience overall!", tag: "Animator", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", avatarAlt: "male animator motion graphics professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-interacting-with-intelligent-ai-chatbot-pc-mockup-display_482257-119869.jpg", imageAlt: "animator motion graphics computer setup"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -304,15 +184,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Photography Studios", - "Video Production Houses", - "Design Agencies", - "Artists Collective", - "Content Creators", - "Freelance Portfolio", - "Creative Networks", - "Digital Artists", - ]} + "Photography Studios", "Video Production Houses", "Design Agencies", "Artists Collective", "Content Creators", "Freelance Portfolio", "Creative Networks", "Digital Artists"]} speed={40} showCard={true} /> @@ -327,41 +199,23 @@ export default function HomePage() { imageAlt="customer support team helping client" faqs={[ { - id: "1", - title: "How do I upload photos and videos?", - content: - "Simply navigate to the Upload section, click the upload button, and drag & drop your files or select them from your computer. You can upload multiple files at once. Supported formats include JPG, PNG, MP4, MOV, and WebM.", - }, + id: "1", title: "How do I upload photos and videos?", content: + "Simply navigate to the Upload section, click the upload button, and drag & drop your files or select them from your computer. You can upload multiple files at once. Supported formats include JPG, PNG, MP4, MOV, and WebM."}, { - id: "2", - title: "What are the file size limits?", - content: - "Photos can be up to 50MB each, and videos can be up to 500MB. For larger files, consider compressing or splitting into multiple uploads. Premium members enjoy higher limits.", - }, + id: "2", title: "What are the file size limits?", content: + "Photos can be up to 50MB each, and videos can be up to 500MB. For larger files, consider compressing or splitting into multiple uploads. Premium members enjoy higher limits."}, { - id: "3", - title: "Can I organize my content into collections?", - content: - "Yes! You can create unlimited collections to organize your work by project, theme, or any category you prefer. Collections help you showcase specific body of work to your audience.", - }, + id: "3", title: "Can I organize my content into collections?", content: + "Yes! You can create unlimited collections to organize your work by project, theme, or any category you prefer. Collections help you showcase specific body of work to your audience."}, { - id: "4", - title: "How do I control who sees my uploads?", - content: - "Each upload can be set to public (visible to everyone), friends only, or private. You can also password-protect collections for additional privacy and control.", - }, + id: "4", title: "How do I control who sees my uploads?", content: + "Each upload can be set to public (visible to everyone), friends only, or private. You can also password-protect collections for additional privacy and control."}, { - id: "5", - title: "Is there a community moderation policy?", - content: - "Yes, we maintain strict guidelines to ensure a safe and respectful community. All content is reviewed, and we encourage users to report inappropriate material. Our team responds within 24 hours.", - }, + id: "5", title: "Is there a community moderation policy?", content: + "Yes, we maintain strict guidelines to ensure a safe and respectful community. All content is reviewed, and we encourage users to report inappropriate material. Our team responds within 24 hours."}, { - id: "6", - title: "Can I collaborate with other creators?", - content: - "Absolutely! You can invite other creators to contribute to shared collections, leave feedback on their work, and participate in community challenges and features.", - }, + id: "6", title: "Can I collaborate with other creators?", content: + "Absolutely! You can invite other creators to contribute to shared collections, leave feedback on their work, and participate in community challenges and features."}, ]} mediaPosition="left" mediaAnimation="slide-up" @@ -377,38 +231,24 @@ export default function HomePage() { ctaTitle="Get in Touch with Our Support Team" ctaDescription="Have questions about uploads or need technical support? Our friendly team is here to help you succeed on MediaHub." ctaButton={{ - text: "Contact Support", - href: "mailto:support@mediahub.com", - }} + text: "Contact Support", href: "mailto:support@mediahub.com"}} ctaIcon={MessageCircle} useInvertedBackground={false} animationType="slide-up" accordionAnimationType="smooth" faqs={[ { - id: "1", - title: "What is your response time for support tickets?", - content: - "We aim to respond to all support inquiries within 24 hours during business days. Priority support members receive responses within 2 hours.", - }, + id: "1", title: "What is your response time for support tickets?", content: + "We aim to respond to all support inquiries within 24 hours during business days. Priority support members receive responses within 2 hours."}, { - id: "2", - title: "Do you offer API access for developers?", - content: - "Yes! We provide a comprehensive API for integrating MediaHub features into your applications. Check our developer documentation for details.", - }, + id: "2", title: "Do you offer API access for developers?", content: + "Yes! We provide a comprehensive API for integrating MediaHub features into your applications. Check our developer documentation for details."}, { - id: "3", - title: "How can I report inappropriate content?", - content: - "Click the 'Report' button on any content, select the reason, and submit. Our moderation team reviews all reports and takes appropriate action.", - }, + id: "3", title: "How can I report inappropriate content?", content: + "Click the 'Report' button on any content, select the reason, and submit. Our moderation team reviews all reports and takes appropriate action."}, { - id: "4", - title: "Can I delete my account and all my content?", - content: - "Yes, you can request account deletion from your settings. Your account and all associated content will be permanently deleted within 30 days.", - }, + id: "4", title: "Can I delete my account and all my content?", content: + "Yes, you can request account deletion from your settings. Your account and all associated content will be permanently deleted within 30 days."}, ]} /> @@ -417,8 +257,7 @@ export default function HomePage() { ); -} \ No newline at end of file +}