Merge version_1 into main #2
@@ -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"
|
||||
|
||||
180
src/app/page.tsx
180
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"
|
||||
|
||||
@@ -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<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 300 100"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
fontSize="48"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user