[V0_FILE]typescriptreact:file="app/page.tsx" import { Hero } from "@/components/hero" import { About } from "@/components/about" import { Skills } from "@/components/skills" import { Projects } from "@/components/projects" import { Experience } from "@/components/experience" import { Education } from "@/components/education" import { Contact } from "@/components/contact" import { Footer } from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/hero.tsx" import { Button } from "@/components/ui/button" import { Github, Linkedin, Mail, Download } from "lucide-react" import Image from "next/image" export function Hero() { return (

John Smith

Machine Learning Engineer & Data Scientist

Transforming data into actionable insights through advanced analytics, machine learning, and AI solutions. Passionate about solving complex problems with data-driven approaches.

) } [V0_FILE]typescriptreact:file="components/about.tsx" import { Card, CardContent } from "@/components/ui/card" import { Brain, BarChart3, Database } from "lucide-react" export function About() { return (

About Me

I'm a passionate data professional with expertise spanning machine learning, data science, and analytics. With a strong foundation in statistical modeling and programming, I help organizations unlock the power of their data.

Machine Learning

Developing predictive models, deep learning solutions, and AI systems that drive business value and innovation.

Data Science

Extracting insights from complex datasets using statistical analysis, hypothesis testing, and advanced analytics.

Data Analysis

Creating compelling visualizations and dashboards that communicate data stories effectively to stakeholders.

) } [V0_FILE]typescriptreact:file="components/skills.tsx" import { Badge } from "@/components/ui/badge" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" export function Skills() { const skillCategories = [ { title: "Programming Languages", skills: ["Python", "R", "SQL", "JavaScript", "Scala", "Java"], }, { title: "ML/AI Frameworks", skills: ["TensorFlow", "PyTorch", "Scikit-learn", "Keras", "XGBoost", "LightGBM"], }, { title: "Data Tools & Platforms", skills: ["Pandas", "NumPy", "Apache Spark", "Hadoop", "Airflow", "Kafka"], }, { title: "Visualization & BI", skills: ["Tableau", "Power BI", "Matplotlib", "Seaborn", "Plotly", "D3.js"], }, { title: "Cloud & Infrastructure", skills: ["AWS", "Google Cloud", "Azure", "Docker", "Kubernetes", "MLflow"], }, { title: "Databases", skills: ["PostgreSQL", "MongoDB", "Redis", "Snowflake", "BigQuery", "Cassandra"], }, ] return (

Technical Skills

A comprehensive toolkit for tackling complex data challenges across the entire ML lifecycle.

{skillCategories.map((category, index) => ( {category.title}

{category.skills.map((skill, skillIndex) => ( {skill} ))}

))}

) } [V0_FILE]typescriptreact:file="components/projects.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Github, ExternalLink } from "lucide-react" import Image from "next/image" export function Projects() { const projects = [ { title: "Customer Churn Prediction", description: "Built a machine learning model to predict customer churn with 94% accuracy using ensemble methods and feature engineering.", image: "/placeholder.svg?height=200&width=400", technologies: ["Python", "Scikit-learn", "XGBoost", "Pandas", "Matplotlib"], github: "#", demo: "#", }, { title: "Real-time Fraud Detection", description: "Developed a real-time fraud detection system processing 10K+ transactions per second using streaming analytics.", image: "/placeholder.svg?height=200&width=400", technologies: ["Python", "Apache Kafka", "TensorFlow", "Redis", "Docker"], github: "#", demo: "#", }, { title: "Sales Forecasting Dashboard", description: "Created an interactive dashboard for sales forecasting using time series analysis and ARIMA models.", image: "/placeholder.svg?height=200&width=400", technologies: ["R", "Shiny", "Prophet", "Plotly", "PostgreSQL"], github: "#", demo: "#", }, { title: "NLP Sentiment Analysis", description: "Implemented a sentiment analysis system for social media monitoring using transformer models and BERT.", image: "/placeholder.svg?height=200&width=400", technologies: ["Python", "PyTorch", "BERT", "Hugging Face", "FastAPI"], github: "#", demo: "#", }, { title: "Computer Vision Quality Control", description: "Developed an automated quality control system using computer vision to detect defects in manufacturing.", image: "/placeholder.svg?height=200&width=400", technologies: ["Python", "OpenCV", "TensorFlow", "Keras", "Flask"], github: "#", demo: "#", }, { title: "Recommendation Engine", description: "Built a collaborative filtering recommendation system serving personalized content to 100K+ users.", image: "/placeholder.svg?height=200&width=400", technologies: ["Python", "Spark", "MLlib", "Cassandra", "Airflow"], github: "#", demo: "#", }, ] return (

Featured Projects

A showcase of machine learning, data science, and analytics projects that demonstrate real-world impact.

{projects.map((project, index) => ( {project.title}

{project.title} {project.description}

{project.technologies.map((tech, techIndex) => ( {tech} ))}

))}

) } [V0_FILE]typescriptreact:file="components/experience.tsx" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" export function Experience() { const experiences = [ { title: "Senior Data Scientist", company: "TechCorp Inc.", period: "2022 - Present", description: "Lead a team of 5 data scientists in developing ML models for customer analytics and business intelligence. Implemented MLOps practices and increased model deployment efficiency by 60%.", achievements: [ "Developed predictive models that increased revenue by $2M annually", "Built automated ML pipeline reducing model training time by 40%", "Mentored junior data scientists and established best practices", ], }, { title: "Machine Learning Engineer", company: "DataFlow Solutions", period: "2020 - 2022", description: "Designed and deployed production ML systems for real-time recommendation engines and fraud detection. Collaborated with engineering teams to scale ML infrastructure.", achievements: [ "Deployed ML models serving 1M+ daily predictions", "Reduced fraud losses by 35% through advanced detection algorithms", "Optimized model inference latency by 50%", ], }, { title: "Data Analyst", company: "Analytics Pro", period: "2018 - 2020", description: "Performed statistical analysis and created data visualizations for business stakeholders. Developed automated reporting systems and KPI dashboards.", achievements: [ "Created executive dashboards used by C-level management", "Automated 80% of manual reporting processes", "Identified cost-saving opportunities worth $500K annually", ], }, ] return (

Experience

Professional journey in data science, machine learning, and analytics across various industries.

{experiences.map((exp, index) => (

{exp.title} {exp.company}

{exp.period}

{exp.description}

• {achievement}

))}

) } [V0_FILE]typescriptreact:file="components/education.tsx" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { GraduationCap, Award } from "lucide-react" export function Education() { return (

Education & Certifications

Academic background and professional certifications in data science and machine learning.

Master of Science in Data Science

University of Technology • 2016-2018

Specialized in machine learning, statistical modeling, and big data analytics. Thesis on deep learning applications in computer vision.

GPA: 3.9/4.0

Bachelor of Science in Mathematics

State University • 2012-2016

Strong foundation in statistics, linear algebra, and computational mathematics. Minor in Computer Science.

Magna Cum Laude

Professional Certifications

Cloud & Infrastructure

AWS Certified ML Specialty Google Cloud Professional ML Engineer Azure Data Scientist Associate

Data & Analytics

Tableau Desktop Certified Databricks Certified Snowflake SnowPro Core

) } [V0_FILE]typescriptreact:file="components/contact.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Mail, Phone, MapPin, Linkedin, Github } from "lucide-react" export function Contact() { return (

Get In Touch

Let's discuss how we can work together on your next data science project or opportunity.

Contact Information Feel free to reach out through any of these channels

john.smith@email.com

Phone

+1 (555) 123-4567

Location

San Francisco, CA

linkedin.com/in/johnsmith

GitHub

github.com/johnsmith

Send a Message I'll get back to you within 24 hours

First Name

Last Name

Subject

Message

</div>
                <Button type="submit" className="w-full">
                  Send Message
                </Button>
              </form>
            </CardContent>
          </Card>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/footer.tsx"
import { Github, Linkedin, Mail, Twitter } from "lucide-react"
import { Button } from "@/components/ui/button"

export function Footer() {
  return (
    <footer className="bg-gray-900 text-white py-12">
      <div className="container px-4 md:px-6">
        <div className="flex flex-col items-center space-y-6">
          <div className="flex space-x-4">
            <Button variant="ghost" size="icon" className="text-gray-400 hover:text-white">
              <Github className="w-5 h-5" />
            </Button>
            <Button variant="ghost" size="icon" className="text-gray-400 hover:text-white">
              <Linkedin className="w-5 h-5" />
            </Button>
            <Button variant="ghost" size="icon" className="text-gray-400 hover:text-white">
              <Twitter className="w-5 h-5" />
            </Button>
            <Button variant="ghost" size="icon" className="text-gray-400 hover:text-white">
              <Mail className="w-5 h-5" />
            </Button>
          </div>
          <div className="text-center space-y-2">
            <p className="text-gray-400">© 2024 John Smith. All rights reserved.</p>
            <p className="text-sm text-gray-500">Built with Next.js and Tailwind CSS</p>
          </div>
        </div>
      </div>
    </footer>
  )
}</article></body></html>