diff --git a/src/app/campaigns/page.tsx b/src/app/campaigns/page.tsx index 4e5bb9c..c70bf43 100644 --- a/src/app/campaigns/page.tsx +++ b/src/app/campaigns/page.tsx @@ -7,7 +7,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterSimple from "@/components/sections/footer/FooterSimple"; -import { TrendingUp, BarChart3, Bell, Users, DollarSign, Zap } from "lucide-react"; +import { TrendingUp, BarChart3, Bell, Users, DollarSign, Zap, Building } from "lucide-react"; const CampaignsPage = () => { const navItems = [ @@ -20,17 +20,15 @@ const CampaignsPage = () => { const footerColumns = [ { - title: "Product", - items: [ - { label: "Home", href: "/" }, + title: "Product", items: [ + { label: "Home", href: "#hero" }, { label: "Campaigns", href: "/campaigns" }, { label: "Dashboard", href: "https://dashboard.trybuzzer.com" }, { label: "Pricing", href: "#" }, ], }, { - title: "Creators", - items: [ + title: "Creators", items: [ { label: "Get Started", href: "https://auth.trybuzzer.com/signup" }, { label: "Browse Campaigns", href: "/campaigns" }, { label: "Creator Resources", href: "#" }, @@ -38,8 +36,7 @@ const CampaignsPage = () => { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -47,8 +44,7 @@ const CampaignsPage = () => { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -64,7 +60,7 @@ const CampaignsPage = () => { borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -83,35 +79,14 @@ const CampaignsPage = () => { tagAnimation="slide-up" products={[ { - id: "campaign-1", - brand: "StyleHub", - name: "Fashion Lookbook Creator", - price: "$1,000-3,500", - rating: 5, - reviewCount: "234", - imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-with-photo-cameras-computer_329181-12092.jpg?_wi=2", - imageAlt: "Fashion brand collaboration campaign", - }, + id: "campaign-1", brand: "StyleHub", name: "Fashion Lookbook Creator", price: "$1,000-3,500", rating: 5, + reviewCount: "234", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-with-photo-cameras-computer_329181-12092.jpg", imageAlt: "Fashion brand collaboration campaign"}, { - id: "campaign-2", - brand: "TechVision", - name: "Unboxing & Review Videos", - price: "$1,500-4,000", - rating: 5, - reviewCount: "189", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg?_wi=2", - imageAlt: "Technology product review campaign", - }, + id: "campaign-2", brand: "TechVision", name: "Unboxing & Review Videos", price: "$1,500-4,000", rating: 5, + reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg", imageAlt: "Technology product review campaign"}, { - id: "campaign-3", - brand: "BeautyBrand", - name: "Makeup Tutorial Series", - price: "$800-2,800", - rating: 5, - reviewCount: "312", - imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-video-with-make-up-accessories_23-2148538934.jpg?_wi=2", - imageAlt: "Beauty product promotion campaign", - }, + id: "campaign-3", brand: "BeautyBrand", name: "Makeup Tutorial Series", price: "$800-2,800", rating: 5, + reviewCount: "312", imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-video-with-make-up-accessories_23-2148538934.jpg", imageAlt: "Beauty product promotion campaign"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -131,32 +106,16 @@ const CampaignsPage = () => { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "500+", - title: "active", - description: "Campaigns live right now", - icon: Zap, + id: "1", value: "500+", title: "active", description: "Campaigns live right now", icon: Zap, }, { - id: "2", - value: "$50M", - title: "budget", - description: "Total campaign funding available", - icon: DollarSign, + id: "2", value: "$50M", title: "budget", description: "Total campaign funding available", icon: DollarSign, }, { - id: "3", - value: "150+", - title: "brands", - description: "Brands posting campaigns weekly", - icon: Users, + id: "3", value: "150+", title: "brands", description: "Brands posting campaigns weekly", icon: Users, }, { - id: "4", - value: "95%", - title: "hired", - description: "Success rate for active creators", - icon: TrendingUp, + id: "4", value: "95%", title: "hired", description: "Success rate for active creators", icon: TrendingUp, }, ]} gridVariant="uniform-all-items-equal" @@ -173,7 +132,7 @@ const CampaignsPage = () => { description="Get notifications for campaigns that match your skills and interests. Customize your preferences to receive only the best opportunities." tagIcon={Bell} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Enable Notifications" diff --git a/src/app/page.tsx b/src/app/page.tsx index 05c82f2..71bac45 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterSimple from "@/components/sections/footer/FooterSimple"; -import { Sparkles, Users, Zap, TrendingUp, BarChart3, Award, MessageCircle, Bell, User, Link as LinkIcon, FileText, Video, Image, Star, Search, Briefcase, DollarSign, Send, CheckCircle, Coins, Check } from "lucide-react"; +import { Sparkles, Users, Zap, TrendingUp, BarChart3, Award, MessageCircle, Bell, User, Link as LinkIcon, FileText, Video, Image, Star, Search, Briefcase, DollarSign, Send, CheckCircle, Coins, Check, Building } from "lucide-react"; const HomePage = () => { const navItems = [ @@ -25,17 +25,15 @@ const HomePage = () => { const footerColumns = [ { - title: "Product", - items: [ - { label: "Home", href: "/" }, + title: "Product", items: [ + { label: "Home", href: "#hero" }, { label: "Campaigns", href: "/campaigns" }, { label: "Dashboard", href: "https://dashboard.trybuzzer.com" }, { label: "Pricing", href: "#" }, ], }, { - title: "Creators", - items: [ + title: "Creators", items: [ { label: "Get Started", href: "https://auth.trybuzzer.com/signup" }, { label: "Browse Campaigns", href: "/campaigns" }, { label: "Creator Resources", href: "#" }, @@ -43,8 +41,7 @@ const HomePage = () => { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -52,8 +49,7 @@ const HomePage = () => { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -69,7 +65,7 @@ const HomePage = () => { borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -86,7 +82,7 @@ const HomePage = () => { tag="Creator Community" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} buttons={[ { text: "Start Creating", href: "https://auth.trybuzzer.com/signup" }, { text: "Explore Campaigns", href: "/campaigns" }, @@ -94,17 +90,11 @@ const HomePage = () => { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg?_wi=1", - imageAlt: "Buzzer marketplace platform dashboard", - }, + imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg", imageAlt: "Buzzer marketplace platform dashboard"}, { - imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-girl-editing-video-her-laptop-working-from-home_1268-17373.jpg", - imageAlt: "Content creator tools and workspace", - }, + imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-girl-editing-video-her-laptop-working-from-home_1268-17373.jpg", imageAlt: "Content creator tools and workspace"}, { - imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167385.jpg", - imageAlt: "Brand and influencer collaboration", - }, + imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167385.jpg", imageAlt: "Brand and influencer collaboration"}, ]} mediaAnimation="slide-up" /> @@ -134,12 +124,8 @@ const HomePage = () => { tagAnimation="slide-up" features={[ { - id: "1", - title: "Create Your Profile", - description: "Set up your creator profile, showcase your skills, and let brands know who you are. Add your portfolio, bio, and social links.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/modern-online-registration-compositio_23-2147993866.jpg?_wi=1", - }, + id: "1", title: "Create Your Profile", description: "Set up your creator profile, showcase your skills, and let brands know who you are. Add your portfolio, bio, and social links.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/modern-online-registration-compositio_23-2147993866.jpg"}, items: [ { icon: User, text: "Complete profile setup" }, { icon: LinkIcon, text: "Connect social accounts" }, @@ -148,12 +134,8 @@ const HomePage = () => { reverse: false, }, { - id: "2", - title: "Upload Your Best Clips", - description: "Build your portfolio by uploading video clips and content samples. Showcase the quality and style of your work to brands.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-rugby-game-youtube-thumbnail_23-2150224399.jpg?_wi=1", - }, + id: "2", title: "Upload Your Best Clips", description: "Build your portfolio by uploading video clips and content samples. Showcase the quality and style of your work to brands.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/flat-design-rugby-game-youtube-thumbnail_23-2150224399.jpg"}, items: [ { icon: Video, text: "Upload clips easily" }, { icon: Image, text: "Organize portfolio" }, @@ -162,12 +144,8 @@ const HomePage = () => { reverse: true, }, { - id: "3", - title: "Browse Available Campaigns", - description: "Explore campaigns from brands looking for creators. Filter by category, budget, and requirements to find perfect matches.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg?_wi=1", - }, + id: "3", title: "Browse Available Campaigns", description: "Explore campaigns from brands looking for creators. Filter by category, budget, and requirements to find perfect matches.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg"}, items: [ { icon: Search, text: "Filter campaigns" }, { icon: Briefcase, text: "View requirements" }, @@ -176,12 +154,8 @@ const HomePage = () => { reverse: false, }, { - id: "4", - title: "Submit & Collaborate", - description: "Submit your pitch, get hired, and start collaborating with brands. Receive feedback, payments, and build your creator reputation.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/notepad-reminder-remember-list-planning-concept_53876-123731.jpg?_wi=1", - }, + id: "4", title: "Submit & Collaborate", description: "Submit your pitch, get hired, and start collaborating with brands. Receive feedback, payments, and build your creator reputation.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/notepad-reminder-remember-list-planning-concept_53876-123731.jpg"}, items: [ { icon: Send, text: "Submit proposals" }, { icon: CheckCircle, text: "Get approved" }, @@ -205,35 +179,14 @@ const HomePage = () => { tagAnimation="slide-up" products={[ { - id: "campaign-1", - brand: "StyleHub", - name: "Fashion Content Creator", - price: "$500-2,000", - rating: 5, - reviewCount: "145", - imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-with-photo-cameras-computer_329181-12092.jpg?_wi=1", - imageAlt: "Fashion brand collaboration campaign", - }, + id: "campaign-1", brand: "StyleHub", name: "Fashion Content Creator", price: "$500-2,000", rating: 5, + reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-with-photo-cameras-computer_329181-12092.jpg", imageAlt: "Fashion brand collaboration campaign"}, { - id: "campaign-2", - brand: "TechVision", - name: "Tech Product Reviews", - price: "$800-3,000", - rating: 5, - reviewCount: "89", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg?_wi=1", - imageAlt: "Technology product review campaign", - }, + id: "campaign-2", brand: "TechVision", name: "Tech Product Reviews", price: "$800-3,000", rating: 5, + reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg", imageAlt: "Technology product review campaign"}, { - id: "campaign-3", - brand: "BeautyBrand", - name: "Makeup & Beauty Clips", - price: "$600-2,500", - rating: 5, - reviewCount: "234", - imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-video-with-make-up-accessories_23-2148538934.jpg?_wi=1", - imageAlt: "Beauty product promotion campaign", - }, + id: "campaign-3", brand: "BeautyBrand", name: "Makeup & Beauty Clips", price: "$600-2,500", rating: 5, + reviewCount: "234", imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-video-with-make-up-accessories_23-2148538934.jpg", imageAlt: "Beauty product promotion campaign"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -253,32 +206,16 @@ const HomePage = () => { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "50K", - title: "creators", - description: "Active content creators on Buzzer", - icon: Users, + id: "1", value: "50K", title: "creators", description: "Active content creators on Buzzer", icon: Users, }, { - id: "2", - value: "2K", - title: "brands", - description: "Brands posting campaigns", - icon: TrendingUp, + id: "2", value: "2K", title: "brands", description: "Brands posting campaigns", icon: Building, }, { - id: "3", - value: "$5M", - title: "paid", - description: "Total earnings distributed", - icon: DollarSign, + id: "3", value: "$5M", title: "paid", description: "Total earnings distributed", icon: TrendingUp, }, { - id: "4", - value: "100K", - title: "campaigns", - description: "Opportunities posted", - icon: Zap, + id: "4", value: "100K", title: "campaigns", description: "Opportunities posted", icon: Zap, }, ]} gridVariant="uniform-all-items-equal" @@ -297,14 +234,7 @@ const HomePage = () => { tagAnimation="slide-up" names={[]} logos={[ - "http://img.b2bpic.net/free-vector/flat-design-full-side-color-business-card_23-2151079017.jpg", - "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158017.jpg", - "http://img.b2bpic.net/free-vector/company-stationery-set-design-abstrato_23-2147573466.jpg", - "http://img.b2bpic.net/free-vector/template-abstract-business-card_23-2148374979.jpg", - "http://img.b2bpic.net/free-vector/influencers-logo-template-design_742173-15118.jpg", - "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148195455.jpg", - "http://img.b2bpic.net/free-vector/two-rounded-squares-logo_1025-434.jpg", - ]} + "http://img.b2bpic.net/free-vector/flat-design-full-side-color-business-card_23-2151079017.jpg", "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158017.jpg", "http://img.b2bpic.net/free-vector/company-stationery-set-design-abstrato_23-2147573466.jpg", "http://img.b2bpic.net/free-vector/template-abstract-business-card_23-2148374979.jpg", "http://img.b2bpic.net/free-vector/influencers-logo-template-design_742173-15118.jpg", "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148195455.jpg", "http://img.b2bpic.net/free-vector/two-rounded-squares-logo_1025-434.jpg"]} textboxLayout="default" useInvertedBackground={false} speed={40} @@ -321,53 +251,17 @@ const HomePage = () => { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Alex Chen", - handle: "@alexcreates", - testimonial: "Buzzer transformed my freelance career. I went from struggling to find brands to managing multiple campaigns. The platform is intuitive and the community is amazing!", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", - imageAlt: "Alex Chen", - }, + id: "1", name: "Alex Chen", handle: "@alexcreates", testimonial: "Buzzer transformed my freelance career. I went from struggling to find brands to managing multiple campaigns. The platform is intuitive and the community is amazing!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg", imageAlt: "Alex Chen"}, { - id: "2", - name: "Jessica Martinez", - handle: "@jessicavids", - testimonial: "I love how easy it is to submit proposals and showcase my work. Buzzer helped me land my first major brand deal and I've been earning consistently since.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", - imageAlt: "Jessica Martinez", - }, + id: "2", name: "Jessica Martinez", handle: "@jessicavids", testimonial: "I love how easy it is to submit proposals and showcase my work. Buzzer helped me land my first major brand deal and I've been earning consistently since.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", imageAlt: "Jessica Martinez"}, { - id: "3", - name: "Marcus Davis", - handle: "@marcusclips", - testimonial: "Best platform I've found for connecting with brands. The payment process is seamless and the opportunities are endless. Highly recommend to any creator!", - imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-enjoying-work-break_1262-16980.jpg", - imageAlt: "Marcus Davis", - }, + id: "3", name: "Marcus Davis", handle: "@marcusclips", testimonial: "Best platform I've found for connecting with brands. The payment process is seamless and the opportunities are endless. Highly recommend to any creator!", imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-enjoying-work-break_1262-16980.jpg", imageAlt: "Marcus Davis"}, { - id: "4", - name: "Sarah Thompson", - handle: "@sarahcreative", - testimonial: "Buzzer's community support is incredible. I've met other creators, learned best practices, and landed campaigns I never thought possible. Life-changing platform!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-social-media-influencer-girl-with-digital-camera-laptop-sits_1258-254184.jpg", - imageAlt: "Sarah Thompson", - }, + id: "4", name: "Sarah Thompson", handle: "@sarahcreative", testimonial: "Buzzer's community support is incredible. I've met other creators, learned best practices, and landed campaigns I never thought possible. Life-changing platform!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-social-media-influencer-girl-with-digital-camera-laptop-sits_1258-254184.jpg", imageAlt: "Sarah Thompson"}, { - id: "5", - name: "David Kim", - handle: "@davidkimvideos", - testimonial: "From portfolio building to payment, everything is streamlined. I've tripled my income in 6 months using Buzzer. This is the future of creator careers!", - imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg", - imageAlt: "David Kim", - }, + id: "5", name: "David Kim", handle: "@davidkimvideos", testimonial: "From portfolio building to payment, everything is streamlined. I've tripled my income in 6 months using Buzzer. This is the future of creator careers!", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg", imageAlt: "David Kim"}, { - id: "6", - name: "Emma Wilson", - handle: "@emmavids2024", - testimonial: "Finally, a platform that values creators and connects us with real opportunities. The tools and support make it easy to succeed and grow your business.", - imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-recording-makeup-vlog-about-proper-usage-face-foundation_637285-4349.jpg", - imageAlt: "Emma Wilson", - }, + id: "6", name: "Emma Wilson", handle: "@emmavids2024", testimonial: "Finally, a platform that values creators and connects us with real opportunities. The tools and support make it easy to succeed and grow your business.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-recording-makeup-vlog-about-proper-usage-face-foundation_637285-4349.jpg", imageAlt: "Emma Wilson"}, ]} animationType="slide-up" textboxLayout="default" @@ -382,7 +276,7 @@ const HomePage = () => { description="Subscribe to get the latest campaigns, creator tips, and platform updates delivered to your inbox." tagIcon={Bell} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Subscribe" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1066591 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,30 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ text, className = '' }) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file