MD SHAKIL

md.shakil.developer@gmail.com | LinkedIn Profile URL | GitHub Profile URL | +8801623443703

**UrbanBuilder ** | Link to Project Live || Link to Project Code

Summary

UrbanBuilder is a modern web application built with Next.js and React, designed to showcase services, company information, and provide a seamless user experience. It features a responsive design, smooth animations, and a component-based architecture for easy maintenance and scalability.

Technologies Used

• Framework: Next.js (v15+)
• UI Library: React (v19+)
• Styling: Tailwind CSS (v4+)
• UI Components: shadcn-ui
• Animation: Framer Motion
• Icons: Lucide React, React Icons
• Scrolling: React Scroll
• Sliders/Carousels: Swiper
• Number Animations: React CountUp
• Linting: ESLint
• Package Manager: npm

Features

Based on the project components, UrbanBuilder likely includes the following features:

• Hero Section: Engaging introductory content.
• About Us: Information about the company or project.
• Services: Details about services offered.
• Statistics: Display key metrics or achievements.
• Testimonials: Showcase client feedback.
• FAQ Section: Answers to frequently asked questions.
• Our Work/Portfolio: Display of projects or work samples.
• Contact Form: Allows users to get in touch.
• Responsive Navigation: Including a mobile-friendly navigation menu.
• Header & Footer: Consistent branding and navigation elements.
• Top Bar: Potentially for announcements or secondary navigation.

Project Structure

The project follows a standard Next.js App Router structure:

• src/app/: Contains the main application logic, including layout.jsx (global layout) and page.jsx (main page).
• src/components/: Houses reusable UI components used throughout the application.
• src/lib/: Likely contains utility functions (e.g., utils.js).
• public/: Stores static assets like images and icons.