Article Template

struct ArticleView: View {
    var body: some View {
        ScrollView {
            VStack(alignment: .leading) {
                // Title
                Text("Best Places To Visit In New York City")
                    .font(.system(size: 36))
                    .fontWeight(.heavy)
                    .foregroundStyle(.primary)
                
                // Publish Date
                Text("Published: April 1, 2024")
                    .font(.system(size: 20))
                    .fontWeight(.heavy)
                    .foregroundStyle(.secondary)
                
                // Cover Image
                Image("IMG_1027_Original")
                    .resizable()
                    .scaledToFill()
                    .frame(maxWidth: .infinity)
                    .frame(height: 250)
                    .clipShape(RoundedRectangle(cornerSize: CGSize(width: 10, height: 10)))
                    .clipped()
                
                // Introduction
                Text("New York City offers a plethora of iconic and captivating destinations for travelers in 2024. Here are the top must-visit places that should be on your list!")
                    .font(.system(size: 22))
                    .padding(.top, 10)
                
                // Subheading
                Text("Times Square:")
                    .font(.system(size: 30))
                    .fontWeight(.heavy)
                    .padding(.top, 10)
                
                // Body
                Text("Known for its dazzling lights, Broadway theaters, and vibrant atmosphere, Times Square is the epitome of New York Citys energy. From shopping to dining and entertainment, this hub has something for everyone.")
                    .font(.system(size: 22))
            }
            .padding(10)
        }
    }
}