378 lines
18 KiB
TypeScript
378 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { Briefcase, CalendarCheck, ClipboardCheck, Cloud, Code, Crown, DollarSign, GitMerge, GitPullRequest, Globe, Group, Handshake, Heart, Layers, Layout, LayoutDashboard, Lightbulb, Map, MessageSquare, Minimize2, Package, Repeat, Rocket, Scale, Search, Server, Settings, Smartphone, Timer, UserPlus, Users, Workflow, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Why Us", id: "why-us"},
|
||
{
|
||
name: "Experience", id: "experience"},
|
||
{
|
||
name: "Testimonials", id: "testimonials"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Fahim M."
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-animated-grid"}}
|
||
title="Build Faster. Scale Smarter. Deliver Better."
|
||
description="Fahim M. | CEO of Bluetelecast Software Solutions | Staff Augmentation Specialist | Remote Development Teams | ReactJS & Full-Stack Technology Leader. Helping startups, agencies, and growing businesses build high-performing software products through dedicated development teams, custom web applications, and modern digital solutions."
|
||
buttons={[
|
||
{
|
||
text: "Schedule a Consultation", href: "#contact"},
|
||
{
|
||
text: "View Services", href: "#services"},
|
||
{
|
||
text: "Start Your Project", href: "#contact"},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg", imageAlt: "Futuristic software dashboard"},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-computer-screens-modern-server-room_482257-114724.jpg", imageAlt: "Developer coding on laptop"},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/working-mother-conducts-online-videocall_482257-119408.jpg", imageAlt: "Remote development team collaborating"},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-managing-ai-systems-looking-paperwork_482257-131867.jpg", imageAlt: "Abstract data flow and network connections"},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749911.jpg", imageAlt: "Minimalist web application interface"},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599381.jpg", imageAlt: "Gears and circuits for process optimization"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Building Software That Drives Business Growth"
|
||
description="Fahim M. is the Chief Executive Officer of Bluetelecast Software Solutions, a technology company focused on helping businesses accelerate product development through expert engineering teams and scalable software solutions. With experience spanning full-stack development, product delivery, team leadership, and business strategy, Fahim works closely with startups, agencies, and enterprises to transform ideas into production-ready software. His approach combines U.S.-led project management with global engineering talent, enabling organizations to launch products faster while maintaining quality, transparency, and cost efficiency."
|
||
bulletPoints={[
|
||
{
|
||
title: "Full-Stack Development", description: "Proficient in end-to-end software solutions, from front-end to back-end technologies.", icon: Code,
|
||
},
|
||
{
|
||
title: "ReactJS Development", description: "Specializing in modern, component-based web interfaces for dynamic user experiences.", icon: Layout,
|
||
},
|
||
{
|
||
title: "Software Architecture", description: "Designing scalable, robust, and maintainable software systems.", icon: Layout,
|
||
},
|
||
{
|
||
title: "Staff Augmentation", description: "Seamlessly integrating expert developers into existing teams to boost capacity.", icon: Users,
|
||
},
|
||
{
|
||
title: "Product Development", description: "Guiding products from ideation through launch and continuous improvement.", icon: Package,
|
||
},
|
||
{
|
||
title: "Team Leadership", description: "Building and mentoring high-performing engineering teams globally.", icon: Crown,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg"
|
||
imageAlt="Fahim M. CEO of Bluetelecast Software Solutions"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Custom Software Development", description: "Design and development of tailored software solutions built around your business requirements.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg", imageAlt: "Custom software development illustration"},
|
||
items: [
|
||
{
|
||
icon: Layers,
|
||
text: "Enterprise Applications"},
|
||
{
|
||
icon: Settings,
|
||
text: "Internal Business Systems"},
|
||
{
|
||
icon: Cloud,
|
||
text: "SaaS Platforms"},
|
||
{
|
||
icon: Briefcase,
|
||
text: "CRM & ERP Solutions"},
|
||
{
|
||
icon: Workflow,
|
||
text: "Workflow Automation"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Web Application Development", description: "Modern, scalable web applications designed for performance and growth.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-interacting-with-smart-ai-virtual-assistant-mockup-screen_482257-126893.jpg", imageAlt: "Web application development illustration"},
|
||
items: [
|
||
{
|
||
icon: Code,
|
||
text: "ReactJS Development"},
|
||
{
|
||
icon: Server,
|
||
text: "Full-Stack Applications"},
|
||
{
|
||
icon: Smartphone,
|
||
text: "Progressive Web Apps"},
|
||
{
|
||
icon: LayoutDashboard,
|
||
text: "Dashboard Systems"},
|
||
{
|
||
icon: Users,
|
||
text: "Customer Portals"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Staff Augmentation", description: "Expand your development capacity without the overhead of hiring in-house teams.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173768.jpg", imageAlt: "Staff augmentation illustration"},
|
||
items: [
|
||
{
|
||
icon: UserPlus,
|
||
text: "Dedicated Developers"},
|
||
{
|
||
icon: Globe,
|
||
text: "Remote Engineering Teams"},
|
||
{
|
||
icon: CalendarCheck,
|
||
text: "Project-Based Resources"},
|
||
{
|
||
icon: GitPullRequest,
|
||
text: "Technical Specialists"},
|
||
{
|
||
icon: Scale,
|
||
text: "Flexible Scaling"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "IT Support & Consulting", description: "Strategic technology guidance to help organizations make smarter decisions.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827277.jpg", imageAlt: "IT support and consulting illustration"},
|
||
items: [
|
||
{
|
||
icon: Search,
|
||
text: "Technology Audits"},
|
||
{
|
||
icon: Layout,
|
||
text: "Software Architecture"},
|
||
{
|
||
icon: Lightbulb,
|
||
text: "Product Strategy"},
|
||
{
|
||
icon: Map,
|
||
text: "Development Roadmaps"},
|
||
{
|
||
icon: GitMerge,
|
||
text: "Process Optimization"},
|
||
],
|
||
reverse: true
|
||
},
|
||
]}
|
||
title="What We Do"
|
||
description="Our comprehensive range of services is designed to accelerate your product development and empower your digital transformation."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Faster Product Delivery", description: "Accelerate development cycles with experienced engineers and proven workflows.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurry-background_1048-6216.jpg", imageAlt: "Faster product delivery illustration"},
|
||
items: [
|
||
{
|
||
icon: Rocket,
|
||
text: "Efficient agile sprints"},
|
||
{
|
||
icon: Timer,
|
||
text: "Reduced time-to-market"},
|
||
{
|
||
icon: Zap,
|
||
text: "Streamlined processes"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Cost-Effective Scaling", description: "Access world-class talent while reducing operational costs.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-abstract-representation-financial-crisis_23-2148749499.jpg", imageAlt: "Cost-effective scaling illustration"},
|
||
items: [
|
||
{
|
||
icon: DollarSign,
|
||
text: "Optimized resource allocation"},
|
||
{
|
||
icon: Users,
|
||
text: "Global talent pool"},
|
||
{
|
||
icon: Minimize2,
|
||
text: "Lower overhead"},
|
||
],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Transparent Communication", description: "Clear reporting, consistent updates, and collaborative project management.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-employee-using-ai-chatbot-office-desk_482257-125103.jpg", imageAlt: "Transparent communication illustration"},
|
||
items: [
|
||
{
|
||
icon: MessageSquare,
|
||
text: "Daily stand-ups"},
|
||
{
|
||
icon: ClipboardCheck,
|
||
text: "Detailed progress reports"},
|
||
{
|
||
icon: Group,
|
||
text: "Direct team access"},
|
||
],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Long-Term Partnership", description: "Focused on sustainable growth and ongoing business success rather than one-time engagements.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-agreement-handshake_1098-4111.jpg", imageAlt: "Long-term partnership illustration"},
|
||
items: [
|
||
{
|
||
icon: Handshake,
|
||
text: "Dedicated client success"},
|
||
{
|
||
icon: Repeat,
|
||
text: "Continuous improvement"},
|
||
{
|
||
icon: Heart,
|
||
text: "Growth-oriented strategies"},
|
||
],
|
||
reverse: true
|
||
},
|
||
]}
|
||
title="Why Companies Choose Bluetelecast"
|
||
description="Our commitment to excellence, efficiency, and long-term partnership sets us apart."
|
||
/>
|
||
</div>
|
||
|
||
<div id="industries" data-section="industries">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Startups", "SaaS Companies", "Marketing Agencies", "E-Commerce Businesses", "Healthcare Organizations", "Educational Platforms", "Enterprise Businesses", "Non-Profit Organizations"]}
|
||
title="Industries We Serve"
|
||
description="We empower a diverse range of sectors with tailored software solutions, driving innovation and efficiency across the board."
|
||
showCard={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<TeamCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
members={[
|
||
{
|
||
id: "ceo-bluetelecast", name: "CEO", role: "Bluetelecast Software Solutions (2020 – Present)", imageSrc: "http://img.b2bpic.net/free-photo/blue-light-background-portrait_52683-91446.jpg", imageAlt: "Fahim M. as CEO of Bluetelecast"},
|
||
{
|
||
id: "founder-nawiskill", name: "Founder", role: "Nawiskill (2025 – 2026)", imageSrc: "http://img.b2bpic.net/free-photo/man-virtual-world_1098-14678.jpg", imageAlt: "Fahim M. as Founder of Nawiskill"},
|
||
{
|
||
id: "fullstack-diageo", name: "Full Stack Developer", role: "Diageo (2017 – 2021)", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-business-woman-reviewing-startup-project-status-charts-while-sitting-modern-office-marketing-research-company-office-worker-analyzing-organization-financial-statistics-data_482257-40191.jpg", imageAlt: "Fahim M. as Full Stack Developer at Diageo"},
|
||
]}
|
||
title="Experience Timeline"
|
||
description="Fahim's journey across leadership and development roles, shaping innovation and delivering impactful software solutions."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Fahim and his team consistently deliver quality software while maintaining excellent communication throughout the development process. A trusted technology partner who understands both business goals and technical execution. Reliable, scalable, and highly professional development support."
|
||
rating={5}
|
||
author="Satisfied Client"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", alt: "Sarah Johnson"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg", alt: "Michael Chen"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg", alt: "Emily Rodriguez"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419444.jpg", alt: "David Kim"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Professional business woman smiling"},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "rotated-rays-animated"}}
|
||
text="Ready to Build Your Next Software Product? Whether you're launching a startup, scaling a SaaS platform, or looking for a dedicated development team, let's discuss how we can help accelerate your growth. Book a Free Discovery Call."
|
||
buttons={[
|
||
{
|
||
text: "Discuss Your Project", href: "mailto:fahim@bluetelecast.com"},
|
||
{
|
||
text: "Explore Team Augmentation Options", href: "mailto:fahim@bluetelecast.com"},
|
||
{
|
||
text: "Receive Technical Recommendations", href: "mailto:fahim@bluetelecast.com"},
|
||
{
|
||
text: "Get a Development Roadmap", href: "mailto:fahim@bluetelecast.com"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Fahim M."
|
||
leftLink={{
|
||
text: "New Haven, Connecticut, United States", href: "#"}}
|
||
rightLink={{
|
||
text: "© 2026 Fahim M. | All Rights Reserved", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|