import React, { useState } from 'react';
import { ChevronDown, ChevronRight, CheckCircle, Circle, Book, FileText, Video, ClipboardCheck } from 'lucide-react';
const AutoCADTrainingCourse = () => {
const [expandedModules, setExpandedModules] = useState({});
const [completedLessons, setCompletedLessons] = useState({});
const toggleModule = (moduleId) => {
setExpandedModules(prev => ({
...prev,
[moduleId]: !prev[moduleId]
}));
};
const toggleLesson = (lessonId) => {
setCompletedLessons(prev => ({
...prev,
[lessonId]: !prev[lessonId]
}));
};
const courseData = {
title: "AutoCAD for UDA Building Approval - Complete Course",
subtitle: "Master AutoCAD and UDA Act Building Regulations (Category CIII)",
duration: "12 Weeks | 96 Total Hours (8 hours per week)",
objective: "Design and submit compliant 2-storey house plans (up to 100 sqm) for UDA approval",
modules: [
{
id: 1,
title: "Module 1: AutoCAD Fundamentals",
duration: "Week 1 | 8 Hours",
lessons: [
{ id: "1.1", title: "AutoCAD Interface, Navigation & Setup", type: "video", duration: "1.5h" },
{ id: "1.2", title: "Basic Drawing Tools: Line, Rectangle, Circle, Arc, Polyline", type: "practical", duration: "2h" },
{ id: "1.3", title: "Modify Commands: Move, Copy, Rotate, Scale, Mirror, Trim, Extend", type: "practical", duration: "2h" },
{ id: "1.4", title: "Layers, Properties & Dimensioning Basics", type: "video", duration: "1.5h" },
{ id: "1.5", title: "Practice Exercise: Simple Floor Layout", type: "assignment", duration: "1h" }
]
},
{
id: 2,
title: "Module 2: Architectural Drawing Tools",
duration: "Week 2 | 8 Hours",
lessons: [
{ id: "2.1", title: "Text, Leaders & Annotation Styles", type: "video", duration: "1h" },
{ id: "2.2", title: "Blocks & Attributes for Doors, Windows, Furniture", type: "practical", duration: "2h" },
{ id: "2.3", title: "Hatching Patterns for Walls, Materials & Finishes", type: "practical", duration: "1.5h" },
{ id: "2.4", title: "Layouts, Viewports & Title Blocks", type: "video", duration: "2h" },
{ id: "2.5", title: "Printing & PDF Export Standards", type: "practical", duration: "0.5h" },
{ id: "2.6", title: "Practice: Complete Basic Floor Plan with Annotations", type: "assignment", duration: "1h" }
]
},
{
id: 3,
title: "Module 3: UDA Act & Category CIII Requirements",
duration: "Week 3 | 8 Hours",
lessons: [
{ id: "3.1", title: "Introduction to UDA Act & Category CIII Residential Buildings", type: "reading", duration: "1.5h" },
{ id: "3.2", title: "Site Coverage, FAR & Building Height Regulations", type: "video", duration: "2h" },
{ id: "3.3", title: "Setback Requirements & Boundary Clearances", type: "video", duration: "1.5h" },
{ id: "3.4", title: "Room Dimensions, Ceiling Heights & Ventilation Standards", type: "reading", duration: "1.5h" },
{ id: "3.5", title: "Staircase, Parking & Access Requirements", type: "video", duration: "1h" },
{ id: "3.6", title: "Compliance Checklist Exercise", type: "assignment", duration: "0.5h" }
]
},
{
id: 4,
title: "Module 4: Site Plan Development",
duration: "Week 4 | 8 Hours",
lessons: [
{ id: "4.1", title: "Understanding Site Surveys & Boundaries", type: "video", duration: "1h" },
{ id: "4.2", title: "Drawing Site Plan with Boundaries & Topography", type: "practical", duration: "2h" },
{ id: "4.3", title: "Building Placement with Setbacks & Dimensions", type: "practical", duration: "2h" },
{ id: "4.4", title: "Access Roads, Driveways & Parking Layout", type: "practical", duration: "1.5h" },
{ id: "4.5", title: "Site Plan Annotations & North Arrow", type: "practical", duration: "0.5h" },
{ id: "4.6", title: "Assignment: Complete Site Plan", type: "assignment", duration: "1h" }
]
},
{
id: 5,
title: "Module 5: Ground Floor Plan Design",
duration: "Week 5 | 8 Hours",
lessons: [
{ id: "5.1", title: "Space Planning Principles & Room Layout", type: "video", duration: "1h" },
{ id: "5.2", title: "Drawing Walls (230mm External, 115mm Internal)", type: "practical", duration: "1.5h" },
{ id: "5.3", title: "Inserting Doors & Windows with Proper Symbols", type: "practical", duration: "1.5h" },
{ id: "5.4", title: "Kitchen, Bathrooms & Toilet Layout Standards", type: "practical", duration: "2h" },
{ id: "5.5", title: "Staircase Design & Integration", type: "practical", duration: "1h" },
{ id: "5.6", title: "Assignment: Ground Floor Plan with Furniture", type: "assignment", duration: "1h" }
]
},
{
id: 6,
title: "Module 6: First Floor Plan Design",
duration: "Week 6 | 8 Hours",
lessons: [
{ id: "6.1", title: "First Floor Layout Aligned with Ground Floor", type: "video", duration: "1h" },
{ id: "6.2", title: "Bedroom & Living Space Design", type: "practical", duration: "2.5h" },
{ id: "6.3", title: "Balcony & Terrace Design with Safety Requirements", type: "practical", duration: "1.5h" },
{ id: "6.4", title: "Upper Floor Compliance Verification", type: "video", duration: "1h" },
{ id: "6.5", title: "Assignment: Complete First Floor Plan", type: "assignment", duration: "2h" }
]
},
{
id: 7,
title: "Module 7: Building Elevations",
duration: "Week 7 | 8 Hours",
lessons: [
{ id: "7.1", title: "Understanding Elevations & Height Calculations", type: "video", duration: "1h" },
{ id: "7.2", title: "Drawing Front Elevation with Windows & Doors", type: "practical", duration: "2h" },
{ id: "7.3", title: "Drawing Rear Elevation", type: "practical", duration: "1.5h" },
{ id: "7.4", title: "Drawing Side Elevations (Left & Right)", type: "practical", duration: "2h" },
{ id: "7.5", title: "Material Representation & Ground Level Marking", type: "practical", duration: "0.5h" },
{ id: "7.6", title: "Assignment: Complete All Four Elevations", type: "assignment", duration: "1h" }
]
},
{
id: 8,
title: "Module 8: Section Drawings & Roof Plan",
duration: "Week 8 | 8 Hours",
lessons: [
{ id: "8.1", title: "Understanding Section Drawings", type: "video", duration: "1h" },
{ id: "8.2", title: "Drawing Section Through Staircase", type: "practical", duration: "2.5h" },
{ id: "8.3", title: "Roof Types & Design Standards", type: "video", duration: "1h" },
{ id: "8.4", title: "Drawing Roof Plan with Slopes & Drainage", type: "practical", duration: "2h" },
{ id: "8.5", title: "Water Tank Placement Details", type: "practical", duration: "0.5h" },
{ id: "8.6", title: "Assignment: Section & Roof Plan", type: "assignment", duration: "1h" }
]
},
{
id: 9,
title: "Module 9: Construction Details & Schedules",
duration: "Week 9 | 8 Hours",
lessons: [
{ id: "9.1", title: "Creating Door & Window Schedules", type: "practical", duration: "2h" },
{ id: "9.2", title: "Foundation & Footing Details", type: "practical", duration: "2h" },
{ id: "9.3", title: "Staircase Construction Details", type: "practical", duration: "1.5h" },
{ id: "9.4", title: "Toilet & Kitchen Detail Drawings", type: "practical", duration: "1.5h" },
{ id: "9.5", title: "Assignment: Complete Detail Sheet", type: "assignment", duration: "1h" }
]
},
{
id: 10,
title: "Module 10: UDA Submission Package Preparation",
duration: "Week 10 | 8 Hours",
lessons: [
{ id: "10.1", title: "UDA Required Documents Checklist", type: "reading", duration: "1h" },
{ id: "10.2", title: "Drawing Sheet Organization & Professional Layout", type: "video", duration: "1.5h" },
{ id: "10.3", title: "Area Calculations & Schedule of Accommodation", type: "practical", duration: "2h" },
{ id: "10.4", title: "Preparing Title Blocks with Project Information", type: "practical", duration: "1.5h" },
{ id: "10.5", title: "Compliance Statement & PDF Generation", type: "practical", duration: "1h" },
{ id: "10.6", title: "Assignment: Organize Sample Submission Package", type: "assignment", duration: "1h" }
]
},
{
id: 11,
title: "Module 11: Capstone Project - Complete House Design",
duration: "Week 11 | 8 Hours",
lessons: [
{ id: "11.1", title: "Project Brief: 100 sqm Two-Storey House", type: "assignment", duration: "0.5h" },
{ id: "11.2", title: "Develop Complete Site Plan", type: "project", duration: "1.5h" },
{ id: "11.3", title: "Design Ground & First Floor Plans", type: "project", duration: "3h" },
{ id: "11.4", title: "Create All Elevations & Section", type: "project", duration: "2h" },
{ id: "11.5", title: "Prepare Roof Plan & Key Details", type: "project", duration: "1h" }
]
},
{
id: 12,
title: "Module 12: Final Project Submission & Certification",
duration: "Week 12 | 8 Hours",
lessons: [
{ id: "12.1", title: "Complete Schedules & Area Calculations", type: "project", duration: "2h" },
{ id: "12.2", title: "Finalize Submission Package with All Drawings", type: "project", duration: "2h" },
{ id: "12.3", title: "UDA Online Portal Navigation & Submission Process", type: "video", duration: "1.5h" },
{ id: "12.4", title: "Common Rejection Reasons & Quality Checklist", type: "video", duration: "1h" },
{ id: "12.5", title: "Final Project Review & Feedback", type: "evaluation", duration: "1h" },
{ id: "12.6", title: "Course Certification", type: "evaluation", duration: "0.5h" }
]
}
]
};
const getIcon = (type) => {
switch(type) {
case 'video': return
;
case 'practical': return
;
case 'reading': return
;
case 'assignment': return
;
case 'project': return
;
case 'evaluation': return
;
default: return
;
}
};
const calculateProgress = () => {
const totalLessons = courseData.modules.reduce((sum, module) => sum + module.lessons.length, 0);
const completed = Object.keys(completedLessons).filter(key => completedLessons[key]).length;
return Math.round((completed / totalLessons) * 100);
};
const calculateTotalHours = () => {
let total = 0;
courseData.modules.forEach(module => {
module.lessons.forEach(lesson => {
const hours = parseFloat(lesson.duration.replace('h', ''));
total += hours;
});
});
return total.toFixed(1);
};
return (
{/* Header */}
{courseData.title}
{courseData.subtitle}
⏱️ {courseData.duration}
🎯 UDA Category CIII Compliant
📐 Up to 100 sqm
✅ Total: {calculateTotalHours()} hours
{/* Progress Bar */}
Course Progress
{calculateProgress()}%
{/* Learning Objective */}
🎓 Course Objective
{courseData.objective}
Time Commitment: 8 hours per week for 12 consecutive weeks
Format: Combination of video lectures, hands-on practice, and project work
{/* Modules */}
{courseData.modules.map((module) => (
toggleModule(module.id)}
className="w-full p-6 text-left hover:bg-gray-50 transition-colors flex items-center justify-between"
>
{expandedModules[module.id] ? (
) : (
)}
{module.title}
{module.duration} • {module.lessons.length} Lessons
{expandedModules[module.id] && (
{module.lessons.map((lesson) => (
toggleLesson(lesson.id)}
>
{completedLessons[lesson.id] ? (
) : (
)}
{getIcon(lesson.type)}
{lesson.id} - {lesson.title}
{lesson.duration}
))}
)}
))}
{/* Weekly Schedule Overview */}
📅 Weekly Schedule Overview
Weeks 1-3: Foundations
AutoCAD skills and UDA regulations understanding
Weeks 4-6: Core Plans
Site plan and floor plan development
Weeks 7-9: Elevations & Details
Complete building documentation
Weeks 10-12: Final Project
Submission package and certification
{/* Footer Info */}
📋 Course Requirements
Computer with AutoCAD software (2020 or later recommended)
Basic computer literacy
Copy of UDA Act building regulations document
Notebook for sketching and calculations
8 hours per week commitment for 12 consecutive weeks
🎖️ Certification
Upon successful completion of all modules and the capstone project, students will receive a certificate
demonstrating competency in preparing UDA-compliant building plans for Category CIII residential
structures up to 100 square meters. The certificate validates your ability to independently prepare
submission-ready architectural drawings that meet Sri Lankan building regulations.
);
};
export default AutoCADTrainingCourse;