Merge version_2_1781116000021 into main #3
@@ -1,200 +1,32 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import { Cog, PenTool, User } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly; this shell only fixes render order.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import PortfolioSection from './HomePage/sections/Portfolio';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import TeamSection from './HomePage/sections/Team';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Unlock Your Digital Potential"
|
||||
title="Your Vision, Our Digital Expertise."
|
||||
description="InnovateSphere Digital crafts bespoke marketing strategies to elevate your brand, engage your audience, and drive measurable growth in the digital landscape."
|
||||
primaryButton={{
|
||||
text: "Get a Free Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Our Services", href: "#services"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/7947993/pexels-photo-7947993.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/33206676/pexels-photo-33206676.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/6476790/pexels-photo-6476790.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Who We Are"
|
||||
title="Driving Digital Success for Forward-Thinking Brands"
|
||||
description="At InnovateSphere Digital, we believe in the power of data-driven strategies and creative storytelling. Our team of experts is dedicated to transforming your online presence into a powerhouse of engagement and conversions. We partner with businesses to navigate the complexities of the digital world, delivering results that truly matter."
|
||||
imageSrc="https://images.pexels.com/photos/15505438/pexels-photo-15505438.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBento
|
||||
tag="Our Core Services"
|
||||
title="Comprehensive Digital Marketing Solutions"
|
||||
description="From search engine optimization to compelling content creation, we cover every aspect of your digital journey. Our integrated approach ensures consistent brand messaging and maximum impact."
|
||||
features={[
|
||||
{
|
||||
title: "Search Engine Optimization (SEO)", description: "Boost your visibility and rank higher in search results with our expert SEO strategies.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Social Media Marketing", description: "Engage your audience and build a thriving community across all major social platforms.", bentoComponent: "chat-marquee", aiIcon: Cog,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "How can I grow my Instagram?", aiResponse: "Targeted content & consistent engagement!"},
|
||||
{
|
||||
userMessage: "What about Facebook ads?", aiResponse: "Precision targeting & compelling visuals are key."},
|
||||
{
|
||||
userMessage: "Any tips for LinkedIn?", aiResponse: "Professional networking & thought leadership."},
|
||||
],
|
||||
placeholder: "Type your social media question..."
|
||||
},
|
||||
{
|
||||
title: "Content Marketing", description: "Captivate your audience with valuable, relevant, and consistent content that converts.", bentoComponent: "icon-text-marquee", centerIcon: PenTool,
|
||||
marqueeTexts: [
|
||||
"Blog Posts", "Video Scripts", "Infographics", "Whitepapers", "Case Studies"]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Case Studies"
|
||||
title="Proven Results, Tangible Growth"
|
||||
description="Explore how InnovateSphere Digital has helped businesses like yours achieve remarkable success through strategic digital marketing campaigns."
|
||||
items={[
|
||||
{
|
||||
title: "E-commerce Revenue Growth", description: "Increased online sales by 150% for a fashion retailer through targeted PPC and social media ads.", href: "#", imageSrc: "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Lead Generation for SaaS", description: "Boosted qualified leads by 80% for a B2B SaaS company using comprehensive content marketing and SEO.", href: "#", imageSrc: "https://images.pexels.com/photos/6476260/pexels-photo-6476260.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Brand Awareness Campaign", description: "Achieved a 200% increase in brand mentions and social reach for a new tech startup.", href: "#", imageSrc: "https://images.pexels.com/photos/37685036/pexels-photo-37685036.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "SEO Dominance for Local Business", description: "Secured top-3 rankings for key local keywords, driving a significant increase in foot traffic and inquiries.", href: "#", imageSrc: "https://images.pexels.com/photos/11553189/pexels-photo-11553189.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Content Strategy & Execution", description: "Developed and executed a content calendar that resulted in a 300% increase in blog traffic for an industry leader.", href: "#", imageSrc: "https://images.pexels.com/photos/13141009/pexels-photo-13141009.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Website Redesign & Conversion", description: "Revamped an outdated website, improving user experience and increasing conversion rates by 45%.", href: "#", imageSrc: "https://images.pexels.com/photos/7988114/pexels-photo-7988114.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Email Marketing Automation", description: "Implemented automated email funnels that improved customer retention by 25% for an online service.", href: "#", imageSrc: "https://images.pexels.com/photos/7598021/pexels-photo-7598021.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Numbers That Speak Volumes"
|
||||
description="We're not just about promises; we're about performance. See the real impact our strategies have made for our clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "+300%", title: "Client Growth", features: [
|
||||
"Expanded client base", "Increased market reach", "Strong referral network"],
|
||||
},
|
||||
{
|
||||
value: "+120%", title: "Average Client Revenue Increase", features: [
|
||||
"Optimized sales funnels", "Enhanced customer lifetime value", "Diversified revenue streams"],
|
||||
},
|
||||
{
|
||||
value: "5.5x", title: "Average Client ROI", features: [
|
||||
"Measurable campaign performance", "Cost-effective strategies", "Sustainable long-term gains"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Partners in Progress"
|
||||
description="We're proud to collaborate with leading brands across various industries, helping them shine online."
|
||||
names={[
|
||||
"https://images.pexels.com/photos/30339404/pexels-photo-30339404.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/14455876/pexels-photo-14455876.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/7363190/pexels-photo-7363190.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/8369838/pexels-photo-8369838.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/27741427/pexels-photo-27741427.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/5716031/pexels-photo-5716031.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/34321380/pexels-photo-34321380.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="What Our Clients Say"
|
||||
title="Success Stories, Authentic Voices"
|
||||
description="Hear directly from the businesses we've empowered to achieve their digital marketing goals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen", role: "CEO, EcoLife Brands", quote: "InnovateSphere Digital transformed our online presence. Their SEO strategy was phenomenal, leading to a 200% increase in organic traffic and a significant boost in sales. Truly exceptional partners!", imageSrc: "https://images.pexels.com/photos/7109061/pexels-photo-7109061.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Michael Ramirez", role: "Marketing Director, TechSolutions Inc.", quote: "The team at InnovateSphere is incredibly insightful. Their social media campaigns were creative and drove massive engagement for our new product launch. Highly recommend their expertise.", imageSrc: "https://images.pexels.com/photos/5240178/pexels-photo-5240178.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Emily White", role: "Founder, Artisan Goods Co.", quote: "We've seen incredible ROI since partnering with InnovateSphere Digital. Their content marketing elevated our brand story and connected us with our target audience in a powerful way.", imageSrc: "https://images.pexels.com/photos/8937618/pexels-photo-8937618.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "David Lee", role: "Operations Manager, Global Logistics", quote: "Professional, efficient, and results-driven. InnovateSphere Digital streamlined our PPC campaigns, cutting costs while dramatically increasing our lead conversion rates.", imageSrc: "https://images.pexels.com/photos/5757636/pexels-photo-5757636.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Jessica Brown", role: "Owner, Urban Cafe Collective", quote: "Our local business thrived with InnovateSphere Digital's help. Their local SEO and reputation management strategies put us on the map, literally. Fantastic service and measurable impact!", imageSrc: "https://images.pexels.com/photos/13392781/pexels-photo-13392781.png?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common inquiries about our services, process, and partnership."
|
||||
items={[
|
||||
{
|
||||
question: "What kind of businesses do you work with?", answer: "We partner with businesses of all sizes, from startups to established enterprises, across a diverse range of industries. Our strategies are tailored to meet your unique goals and market."},
|
||||
{
|
||||
question: "How long does it take to see results?", answer: "The timeline for results varies depending on the services and your specific goals. While some improvements can be seen quickly (e.g., PPC), comprehensive strategies like SEO often require 3-6 months to show significant impact. We focus on sustainable, long-term growth."},
|
||||
{
|
||||
question: "Do you offer custom digital marketing packages?", answer: "Absolutely! We pride ourselves on creating bespoke strategies. We'll work closely with you to understand your needs and craft a customized package that aligns with your budget and objectives."},
|
||||
{
|
||||
question: "How do you measure success?", answer: "We are data-driven. We track key performance indicators (KPIs) such as website traffic, conversion rates, lead generation, ROI, and brand engagement. We provide transparent monthly reports and hold regular meetings to discuss progress and optimize strategies."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Grow?"
|
||||
text="Let's Build Your Digital Future Together"
|
||||
primaryButton={{
|
||||
text: "Start Your Project", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Schedule a Call", href: "mailto:info@innovatesphere.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<HeroSection />
|
||||
<AboutSection />
|
||||
<ServicesSection />
|
||||
<PortfolioSection />
|
||||
<MetricsSection />
|
||||
<SocialProofSection />
|
||||
<TestimonialsSection />
|
||||
<FaqSection />
|
||||
<ContactSection />
|
||||
<TeamSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
21
src/pages/HomePage/sections/About.tsx
Normal file
21
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Who We Are"
|
||||
title="Driving Digital Success for Forward-Thinking Brands"
|
||||
description="At InnovateSphere Digital, we believe in the power of data-driven strategies and creative storytelling. Our team of experts is dedicated to transforming your online presence into a powerhouse of engagement and conversions. We partner with businesses to navigate the complexities of the digital world, delivering results that truly matter."
|
||||
imageSrc="https://images.pexels.com/photos/15505438/pexels-photo-15505438.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
23
src/pages/HomePage/sections/Contact.tsx
Normal file
23
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Grow?"
|
||||
text="Let's Build Your Digital Future Together"
|
||||
primaryButton={{
|
||||
text: "Start Your Project", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Schedule a Call", href: "mailto:info@innovatesphere.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
30
src/pages/HomePage/sections/Faq.tsx
Normal file
30
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common inquiries about our services, process, and partnership."
|
||||
items={[
|
||||
{
|
||||
question: "What kind of businesses do you work with?", answer: "We partner with businesses of all sizes, from startups to established enterprises, across a diverse range of industries. Our strategies are tailored to meet your unique goals and market."},
|
||||
{
|
||||
question: "How long does it take to see results?", answer: "The timeline for results varies depending on the services and your specific goals. While some improvements can be seen quickly (e.g., PPC), comprehensive strategies like SEO often require 3-6 months to show significant impact. We focus on sustainable, long-term growth."},
|
||||
{
|
||||
question: "Do you offer custom digital marketing packages?", answer: "Absolutely! We pride ourselves on creating bespoke strategies. We'll work closely with you to understand your needs and craft a customized package that aligns with your budget and objectives."},
|
||||
{
|
||||
question: "How do you measure success?", answer: "We are data-driven. We track key performance indicators (KPIs) such as website traffic, conversion rates, lead generation, ROI, and brand engagement. We provide transparent monthly reports and hold regular meetings to discuss progress and optimize strategies."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
32
src/pages/HomePage/sections/Hero.tsx
Normal file
32
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="Unlock Your Digital Potential"
|
||||
title="Your Vision, Our Digital Expertise."
|
||||
description="InnovateSphere Digital crafts bespoke marketing strategies to elevate your brand, engage your audience, and drive measurable growth in the digital landscape."
|
||||
primaryButton={{
|
||||
text: "Get a Free Consultation", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Our Services", href: "#services"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/7947993/pexels-photo-7947993.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/33206676/pexels-photo-33206676.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/6476790/pexels-photo-6476790.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Numbers That Speak Volumes"
|
||||
description="We're not just about promises; we're about performance. See the real impact our strategies have made for our clients."
|
||||
metrics={[
|
||||
{
|
||||
value: "+300%", title: "Client Growth", features: [
|
||||
"Expanded client base", "Increased market reach", "Strong referral network"],
|
||||
},
|
||||
{
|
||||
value: "+120%", title: "Average Client Revenue Increase", features: [
|
||||
"Optimized sales funnels", "Enhanced customer lifetime value", "Diversified revenue streams"],
|
||||
},
|
||||
{
|
||||
value: "5.5x", title: "Average Client ROI", features: [
|
||||
"Measurable campaign performance", "Cost-effective strategies", "Sustainable long-term gains"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
36
src/pages/HomePage/sections/Portfolio.tsx
Normal file
36
src/pages/HomePage/sections/Portfolio.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "portfolio" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PortfolioSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Case Studies"
|
||||
title="Proven Results, Tangible Growth"
|
||||
description="Explore how InnovateSphere Digital has helped businesses like yours achieve remarkable success through strategic digital marketing campaigns."
|
||||
items={[
|
||||
{
|
||||
title: "E-commerce Revenue Growth", description: "Increased online sales by 150% for a fashion retailer through targeted PPC and social media ads.", href: "#", imageSrc: "https://images.pexels.com/photos/97080/pexels-photo-97080.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Lead Generation for SaaS", description: "Boosted qualified leads by 80% for a B2B SaaS company using comprehensive content marketing and SEO.", href: "#", imageSrc: "https://images.pexels.com/photos/6476260/pexels-photo-6476260.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Brand Awareness Campaign", description: "Achieved a 200% increase in brand mentions and social reach for a new tech startup.", href: "#", imageSrc: "https://images.pexels.com/photos/37685036/pexels-photo-37685036.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "SEO Dominance for Local Business", description: "Secured top-3 rankings for key local keywords, driving a significant increase in foot traffic and inquiries.", href: "#", imageSrc: "https://images.pexels.com/photos/11553189/pexels-photo-11553189.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Content Strategy & Execution", description: "Developed and executed a content calendar that resulted in a 300% increase in blog traffic for an industry leader.", href: "#", imageSrc: "https://images.pexels.com/photos/13141009/pexels-photo-13141009.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Website Redesign & Conversion", description: "Revamped an outdated website, improving user experience and increasing conversion rates by 45%.", href: "#", imageSrc: "https://images.pexels.com/photos/7988114/pexels-photo-7988114.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Email Marketing Automation", description: "Implemented automated email funnels that improved customer retention by 25% for an online service.", href: "#", imageSrc: "https://images.pexels.com/photos/7598021/pexels-photo-7598021.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
44
src/pages/HomePage/sections/Services.tsx
Normal file
44
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import { Cog, PenTool, User } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBento
|
||||
tag="Our Core Services"
|
||||
title="Comprehensive Digital Marketing Solutions"
|
||||
description="From search engine optimization to compelling content creation, we cover every aspect of your digital journey. Our integrated approach ensures consistent brand messaging and maximum impact."
|
||||
features={[
|
||||
{
|
||||
title: "Search Engine Optimization (SEO)", description: "Boost your visibility and rank higher in search results with our expert SEO strategies.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Social Media Marketing", description: "Engage your audience and build a thriving community across all major social platforms.", bentoComponent: "chat-marquee", aiIcon: Cog,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "How can I grow my Instagram?", aiResponse: "Targeted content & consistent engagement!"},
|
||||
{
|
||||
userMessage: "What about Facebook ads?", aiResponse: "Precision targeting & compelling visuals are key."},
|
||||
{
|
||||
userMessage: "Any tips for LinkedIn?", aiResponse: "Professional networking & thought leadership."},
|
||||
],
|
||||
placeholder: "Type your social media question..."
|
||||
},
|
||||
{
|
||||
title: "Content Marketing", description: "Captivate your audience with valuable, relevant, and consistent content that converts.", bentoComponent: "icon-text-marquee", centerIcon: PenTool,
|
||||
marqueeTexts: [
|
||||
"Blog Posts", "Video Scripts", "Infographics", "Whitepapers", "Case Studies"]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
22
src/pages/HomePage/sections/SocialProof.tsx
Normal file
22
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Partners in Progress"
|
||||
description="We're proud to collaborate with leading brands across various industries, helping them shine online."
|
||||
names={[
|
||||
"https://images.pexels.com/photos/30339404/pexels-photo-30339404.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/14455876/pexels-photo-14455876.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/7363190/pexels-photo-7363190.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/8369838/pexels-photo-8369838.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/27741427/pexels-photo-27741427.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/5716031/pexels-photo-5716031.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "https://images.pexels.com/photos/34321380/pexels-photo-34321380.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
75
src/pages/HomePage/sections/Team.tsx
Normal file
75
src/pages/HomePage/sections/Team.tsx
Normal file
@@ -0,0 +1,75 @@
|
||||
import { motion } from "motion/react";
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import Tag from "@/components/ui/Tag";
|
||||
import Card from "@/components/ui/Card";
|
||||
import ImageOrVideo from "@/components/ui/ImageOrVideo";
|
||||
import Button from "@/components/ui/Button";
|
||||
|
||||
const teamMembers = [
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
role: "Head of Strategy",
|
||||
description: "Sarah leads our strategic initiatives, ensuring every campaign aligns with our clients' core objectives.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=800",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Lead Designer",
|
||||
description: "Michael brings brands to life with his exceptional eye for design and user experience.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=800",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
role: "SEO Specialist",
|
||||
description: "Emily is our data-driven SEO expert, helping clients achieve top rankings and organic growth.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=800",
|
||||
}
|
||||
];
|
||||
|
||||
export default function TeamSection() {
|
||||
return (
|
||||
<section data-webild-section="team" id="team" className="relative w-full py-24 bg-background">
|
||||
<div className="w-content-width mx-auto px-6">
|
||||
<div className="text-center mb-16">
|
||||
<ScrollReveal>
|
||||
<Tag text="Our Team" className="mb-4" />
|
||||
</ScrollReveal>
|
||||
<TextAnimation
|
||||
text="Meet the Experts"
|
||||
variant="fade-blur"
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl font-bold text-foreground mb-6"
|
||||
gradientText={false}
|
||||
/>
|
||||
<ScrollReveal delay={0.2}>
|
||||
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
|
||||
The creative minds and strategic thinkers driving your digital success.
|
||||
</p>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{teamMembers.map((member, index) => (
|
||||
<ScrollReveal key={index} delay={0.1 * index}>
|
||||
<Card className="overflow-hidden flex flex-col h-full">
|
||||
<div className="relative aspect-square w-full overflow-hidden">
|
||||
<ImageOrVideo
|
||||
imageSrc={member.imageSrc}
|
||||
className="w-full h-full object-cover transition-transform duration-500 hover:scale-105"
|
||||
/>
|
||||
</div>
|
||||
<div className="p-6 flex flex-col flex-grow">
|
||||
<h3 className="text-xl font-bold text-foreground mb-1">{member.name}</h3>
|
||||
<p className="text-sm font-medium text-primary-cta mb-4">{member.role}</p>
|
||||
<p className="text-muted-foreground mb-6 flex-grow">{member.description}</p>
|
||||
<Button text="View Profile" variant="secondary" className="w-full" />
|
||||
</div>
|
||||
</Card>
|
||||
</ScrollReveal>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="What Our Clients Say"
|
||||
title="Success Stories, Authentic Voices"
|
||||
description="Hear directly from the businesses we've empowered to achieve their digital marketing goals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen", role: "CEO, EcoLife Brands", quote: "InnovateSphere Digital transformed our online presence. Their SEO strategy was phenomenal, leading to a 200% increase in organic traffic and a significant boost in sales. Truly exceptional partners!", imageSrc: "https://images.pexels.com/photos/7109061/pexels-photo-7109061.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Michael Ramirez", role: "Marketing Director, TechSolutions Inc.", quote: "The team at InnovateSphere is incredibly insightful. Their social media campaigns were creative and drove massive engagement for our new product launch. Highly recommend their expertise.", imageSrc: "https://images.pexels.com/photos/5240178/pexels-photo-5240178.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Emily White", role: "Founder, Artisan Goods Co.", quote: "We've seen incredible ROI since partnering with InnovateSphere Digital. Their content marketing elevated our brand story and connected us with our target audience in a powerful way.", imageSrc: "https://images.pexels.com/photos/8937618/pexels-photo-8937618.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "David Lee", role: "Operations Manager, Global Logistics", quote: "Professional, efficient, and results-driven. InnovateSphere Digital streamlined our PPC campaigns, cutting costs while dramatically increasing our lead conversion rates.", imageSrc: "https://images.pexels.com/photos/5757636/pexels-photo-5757636.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Jessica Brown", role: "Owner, Urban Cafe Collective", quote: "Our local business thrived with InnovateSphere Digital's help. Their local SEO and reputation management strategies put us on the map, literally. Fantastic service and measurable impact!", imageSrc: "https://images.pexels.com/photos/13392781/pexels-photo-13392781.png?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user