diff --git a/src/app/page.tsx b/src/app/page.tsx index 334e050..94f64d5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,7 +29,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="compact" sizing="largeSmallSizeMediumTitles" - background="blurBottom" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -40,9 +40,7 @@ export default function HomePage() { brandName="SocialPulse" navItems={navItems} button={{ - text: "Get Started", - href: "#contact", - }} + text: "Get Started", href: "#contact"}} animateOnLoad={true} /> @@ -55,50 +53,27 @@ export default function HomePage() { tagIcon={Sparkles} tagAnimation="slide-up" background={{ - variant: "blurBottom", - }} + variant: "sparkles-gradient"}} buttons={[ { - text: "Start Your Campaign", - href: "#contact", - }, + text: "Start Your Campaign", href: "#contact"}, { - text: "View Our Work", - href: "/portfolio", - }, + text: "View Our Work", href: "#portfolio"}, ]} buttonAnimation="blur-reveal" carouselItems={[ { - id: "1", - imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15504.jpg", - imageAlt: "Social media marketing campaign", - }, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15504.jpg", imageAlt: "Social media marketing campaign"}, { - id: "2", - imageSrc: "http://img.b2bpic.net/free-vector/flat-marketing-landing-page-template_23-2148236293.jpg?_wi=1", - imageAlt: "Successful campaign showcase", - }, + id: "2", imageSrc: "http://img.b2bpic.net/free-vector/flat-marketing-landing-page-template_23-2148236293.jpg", imageAlt: "Successful campaign showcase"}, { - id: "3", - imageSrc: "http://img.b2bpic.net/free-vector/summer-sale-instagram-stories-templates_52683-12676.jpg?_wi=1", - imageAlt: "Viral content campaign", - }, + id: "3", imageSrc: "http://img.b2bpic.net/free-vector/summer-sale-instagram-stories-templates_52683-12676.jpg", imageAlt: "Viral content campaign"}, { - id: "4", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-thumbs-up-gesture-man-using-smartphone_23-2147842197.jpg?_wi=1", - imageAlt: "Brand awareness campaign", - }, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-thumbs-up-gesture-man-using-smartphone_23-2147842197.jpg", imageAlt: "Brand awareness campaign"}, { - id: "5", - imageSrc: "http://img.b2bpic.net/free-photo/planner-calendar-schedule-date-concept_53876-124898.jpg?_wi=1", - imageAlt: "Social media strategy", - }, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/planner-calendar-schedule-date-concept_53876-124898.jpg", imageAlt: "Social media strategy"}, { - id: "6", - imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg?_wi=1", - imageAlt: "Content creation studio", - }, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066327.jpg", imageAlt: "Content creation studio"}, ]} autoPlay={true} autoPlayInterval={4000} @@ -109,15 +84,10 @@ export default function HomePage() { @@ -171,29 +129,17 @@ export default function HomePage() { useInvertedBackground={false} metrics={[ { - id: "1", - icon: Users, - title: "Followers Generated", - value: "250M+", - }, + id: "1", icon: Users, + title: "Followers Generated", value: "250M+"}, { - id: "2", - icon: Heart, - title: "Engagements", - value: "45M+", - }, + id: "2", icon: Heart, + title: "Engagements", value: "45M+"}, { - id: "3", - icon: TrendingUp, - title: "Conversion Rate", - value: "8.5%", - }, + id: "3", icon: TrendingUp, + title: "Conversion Rate", value: "8.5%"}, { - id: "4", - icon: Award, - title: "Satisfied Clients", - value: "500+", - }, + id: "4", icon: Award, + title: "Satisfied Clients", value: "500+"}, ]} animationType="slide-up" carouselMode="auto" @@ -211,35 +157,14 @@ export default function HomePage() { useInvertedBackground={false} products={[ { - id: "1", - brand: "Fashion Forward", - name: "Instagram Growth Campaign", - price: "250K Followers", - rating: 5, - reviewCount: "45.2k", - imageSrc: "http://img.b2bpic.net/free-vector/flat-marketing-landing-page-template_23-2148236293.jpg?_wi=2", - imageAlt: "Fashion brand Instagram campaign", - }, + id: "1", brand: "Fashion Forward", name: "Instagram Growth Campaign", price: "250K Followers", rating: 5, + reviewCount: "45.2k", imageSrc: "http://img.b2bpic.net/free-vector/flat-marketing-landing-page-template_23-2148236293.jpg", imageAlt: "Fashion brand Instagram campaign"}, { - id: "2", - brand: "TechVision", - name: "TikTok Viral Campaign", - price: "15M Views", - rating: 5, - reviewCount: "89.5k", - imageSrc: "http://img.b2bpic.net/free-vector/summer-sale-instagram-stories-templates_52683-12676.jpg?_wi=2", - imageAlt: "Tech brand TikTok viral content", - }, + id: "2", brand: "TechVision", name: "TikTok Viral Campaign", price: "15M Views", rating: 5, + reviewCount: "89.5k", imageSrc: "http://img.b2bpic.net/free-vector/summer-sale-instagram-stories-templates_52683-12676.jpg", imageAlt: "Tech brand TikTok viral content"}, { - id: "3", - brand: "Wellness Co", - name: "LinkedIn B2B Strategy", - price: "32% Lead Growth", - rating: 5, - reviewCount: "23.8k", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-thumbs-up-gesture-man-using-smartphone_23-2147842197.jpg?_wi=2", - imageAlt: "Wellness company B2B campaign", - }, + id: "3", brand: "Wellness Co", name: "LinkedIn B2B Strategy", price: "32% Lead Growth", rating: 5, + reviewCount: "23.8k", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-thumbs-up-gesture-man-using-smartphone_23-2147842197.jpg", imageAlt: "Wellness company B2B campaign"}, ]} animationType="slide-up" gridVariant="three-columns-all-equal-width" @@ -254,29 +179,17 @@ export default function HomePage() { author="Sarah Mitchell, CEO at Marketing Innovations" avatars={[ { - src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", - alt: "Sarah Mitchell", - }, + src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Sarah Mitchell"}, { - src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", - alt: "Client testimonial", - }, + src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Client testimonial"}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-cv_23-2149927606.jpg", - alt: "Client testimonial", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-cv_23-2149927606.jpg", alt: "Client testimonial"}, { - src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", - alt: "Client testimonial", - }, + src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Client testimonial"}, { - src: "http://img.b2bpic.net/free-photo/cheerful-bearded-young-man-using-tablet-computer-outdoors_171337-14773.jpg", - alt: "Client testimonial", - }, + src: "http://img.b2bpic.net/free-photo/cheerful-bearded-young-man-using-tablet-computer-outdoors_171337-14773.jpg", alt: "Client testimonial"}, { - src: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", - alt: "Client testimonial", - }, + src: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", alt: "Client testimonial"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -295,33 +208,13 @@ export default function HomePage() { useInvertedBackground={false} team={[ { - id: "1", - name: "Alex Rivera", - role: "Creative Director", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg?_wi=1", - imageAlt: "Alex Rivera - Creative Director", - }, + id: "1", name: "Alex Rivera", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg", imageAlt: "Alex Rivera - Creative Director"}, { - id: "2", - name: "Jordan Chen", - role: "Content Strategist", - imageSrc: "http://img.b2bpic.net/free-photo/caucasian-vlogger-recording-podcast-social-media-creative-young-influencer_482257-24865.jpg?_wi=1", - imageAlt: "Jordan Chen - Content Strategist", - }, + id: "2", name: "Jordan Chen", role: "Content Strategist", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-vlogger-recording-podcast-social-media-creative-young-influencer_482257-24865.jpg", imageAlt: "Jordan Chen - Content Strategist"}, { - id: "3", - name: "Maya Patel", - role: "Visual Designer", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photography-studio-sale-banner-template_23-2149481794.jpg?_wi=1", - imageAlt: "Maya Patel - Visual Designer", - }, + id: "3", name: "Maya Patel", role: "Visual Designer", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-photography-studio-sale-banner-template_23-2149481794.jpg", imageAlt: "Maya Patel - Visual Designer"}, { - id: "4", - name: "David Kim", - role: "Analytics Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/octogenarian-engineer-crypto-mining-farm-with-specialized-server-racks-using-blockchain-technology-fintech-expert-inspecting-asic-racks-solving-complex-computational-operations-data-center_482257-70453.jpg?_wi=1", - imageAlt: "David Kim - Analytics Specialist", - }, + id: "4", name: "David Kim", role: "Analytics Specialist", imageSrc: "http://img.b2bpic.net/free-photo/octogenarian-engineer-crypto-mining-farm-with-specialized-server-racks-using-blockchain-technology-fintech-expert-inspecting-asic-racks-solving-complex-computational-operations-data-center_482257-70453.jpg", imageAlt: "David Kim - Analytics Specialist"}, ]} animationType="slide-up" /> @@ -336,7 +229,7 @@ export default function HomePage() { tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/front-view-call-center-operator-communicating-with-client_74855-4244.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/front-view-call-center-operator-communicating-with-client_74855-4244.jpg" imageAlt="Customer support illustration" mediaAnimation="slide-up" faqsAnimation="slide-up" @@ -345,30 +238,15 @@ export default function HomePage() { showCard={true} faqs={[ { - id: "1", - title: "What social media platforms do you specialize in?", - content: "We specialize in all major platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter, YouTube, and Pinterest. We customize our approach based on your target audience and business goals.", - }, + id: "1", title: "What social media platforms do you specialize in?", content: "We specialize in all major platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter, YouTube, and Pinterest. We customize our approach based on your target audience and business goals."}, { - id: "2", - title: "How long does it take to see results?", - content: "While some metrics improve within the first month, significant growth typically takes 3-6 months depending on your starting point and campaign objectives. We provide detailed monthly reports tracking progress.", - }, + id: "2", title: "How long does it take to see results?", content: "While some metrics improve within the first month, significant growth typically takes 3-6 months depending on your starting point and campaign objectives. We provide detailed monthly reports tracking progress."}, { - id: "3", - title: "What makes your agency different?", - content: "We combine data-driven strategy with creative excellence. Our team stays ahead of platform trends, and we focus on building authentic engagement rather than vanity metrics.", - }, + id: "3", title: "What makes your agency different?", content: "We combine data-driven strategy with creative excellence. Our team stays ahead of platform trends, and we focus on building authentic engagement rather than vanity metrics."}, { - id: "4", - title: "Do you offer customized packages?", - content: "Yes, we tailor every package to your specific needs and budget. Whether you need full-service management or consulting on specific areas, we have solutions for you.", - }, + id: "4", title: "Do you offer customized packages?", content: "Yes, we tailor every package to your specific needs and budget. Whether you need full-service management or consulting on specific areas, we have solutions for you."}, { - id: "5", - title: "How do you measure success?", - content: "We track comprehensive KPIs including engagement rate, follower growth, conversion rate, reach, impressions, and ROI. Custom metrics are set during the strategy phase based on your goals.", - }, + id: "5", title: "How do you measure success?", content: "We track comprehensive KPIs including engagement rate, follower growth, conversion rate, reach, impressions, and ROI. Custom metrics are set during the strategy phase based on your goals."}, ]} /> @@ -377,13 +255,9 @@ export default function HomePage() {